Advertisement
Guest User

ghjgfdd

a guest
Jun 19th, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.88 KB | None | 0 0
  1. <style>
  2.  
  3. body {background: linear-gradient(to bottom, #1c0104 65%, #994f68 290%);
  4. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;
  5. overflow: hidden;
  6. }
  7.  
  8. a, a:link, a:visited {font-size: 10px;
  9. color: ebaeba; text-transform: uppercase;
  10. text-shadow: .1px .1px .1px #000; -webkit-transition: all .7s ease-out;
  11. transition: all .5s ease-out; transition-delay: 0.4s;
  12. text-decoration: none;
  13. }
  14.  
  15. body:hover .a {
  16. opacity:1;
  17. }
  18.  
  19. a:hover {background-color: transparent;
  20. color: #ebaeba;
  21. text-shadow: .1px .1px .1px #fff;
  22. text-decoration: none;
  23. ;cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur');}
  24. *{cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;}
  25.  
  26.  
  27. p {text-indent: 36px; margin: 0px;}
  28.  
  29. b {font-size: 10px;
  30. font-weight: bold;
  31. color: fff;
  32. background-color: ebaeba;
  33. letter-spacing: 1px;
  34. padding: 1px 2px 1px 3px;
  35. margin-right: 2px;
  36. }
  37.  
  38. c{font-size: 9px;}
  39.  
  40. ::-webkit-scrollbar-thumb {
  41. width: 0px;
  42. background-color: transparent;}
  43. ::-webkit-scrollbar {
  44. width: 0px;
  45. background-color: transparent;}
  46. ::selection {
  47. background: #fff; /* WebKit/Blink Browsers */
  48. }
  49. ::-moz-selection {
  50. background: #fff; /* Gecko Browsers */
  51. }
  52.  
  53. @-webkit-keyframes heartbeat {
  54. from {
  55. -webkit-transform: scale(1);
  56. transform: scale(1);
  57. -webkit-transform-origin: center center;
  58. transform-origin: center center;
  59. -webkit-animation-timing-function: ease-out;
  60. animation-timing-function: ease-out;
  61. }
  62. 10% {
  63. -webkit-transform: scale(0.91);
  64. transform: scale(0.91);
  65. -webkit-animation-timing-function: ease-in;
  66. animation-timing-function: ease-in;
  67. }
  68. 17% {
  69. -webkit-transform: scale(0.98);
  70. transform: scale(0.98);
  71. -webkit-animation-timing-function: ease-out;
  72. animation-timing-function: ease-out;
  73. }
  74. 33% {
  75. -webkit-transform: scale(0.87);
  76. transform: scale(0.87);
  77. -webkit-animation-timing-function: ease-in;
  78. animation-timing-function: ease-in;
  79. }
  80. 45% {
  81. -webkit-transform: scale(1);
  82. transform: scale(1);
  83. -webkit-animation-timing-function: ease-out;
  84. animation-timing-function: ease-out;
  85. }
  86. }
  87. @keyframes heartbeat {
  88. from {
  89. -webkit-transform: scale(1);
  90. transform: scale(1);
  91. -webkit-transform-origin: center center;
  92. transform-origin: center center;
  93. -webkit-animation-timing-function: ease-out;
  94. animation-timing-function: ease-out;
  95. }
  96. 10% {
  97. -webkit-transform: scale(0.91);
  98. transform: scale(0.91);
  99. -webkit-animation-timing-function: ease-in;
  100. animation-timing-function: ease-in;
  101. }
  102. 17% {
  103. -webkit-transform: scale(0.98);
  104. transform: scale(0.98);
  105. -webkit-animation-timing-function: ease-out;
  106. animation-timing-function: ease-out;
  107. }
  108. 33% {
  109. -webkit-transform: scale(0.87);
  110. transform: scale(0.87);
  111. -webkit-animation-timing-function: ease-in;
  112. animation-timing-function: ease-in;
  113. }
  114. 45% {
  115. -webkit-transform: scale(1);
  116. transform: scale(1);
  117. -webkit-animation-timing-function: ease-out;
  118. animation-timing-function: ease-out;
  119. }
  120. }
  121.  
  122.  
  123. #msc {
  124. position: fixed;
  125. margin: auto;
  126. left: 185px;
  127. bottom: 230px;
  128. width: 55px;
  129. height: 55px;
  130. background: #;
  131. border: px solid #;
  132. overflow: hidden;
  133. text-align: left;
  134. z-index: 9999;
  135. -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  136. animation: heartbeat 1.5s ease-in-out infinite both;
  137. }
  138.  
  139. .musicplayer{
  140. position: absolute;
  141. bottom: 5px;
  142. left: 24px;
  143. height: 34px;
  144. width: px;
  145. line-height: 30px;
  146. font-size: 26px;
  147. color: #fff;
  148. text-align: center;
  149. padding-left: 5px;
  150. margin-left: -5px;
  151. border-radius: 360px;
  152. z-index: 9999;
  153. transform: rotate(45deg);
  154. overflow: hidden;
  155. }
  156.  
  157. .musicplayer:active {
  158. color: #fff;
  159. }
  160.  
  161. .moosic{
  162. float: left;
  163. margin-top: -30px;
  164. margin-left: -2px;
  165. height: 30px;
  166. width: 20px;
  167. overflow: hidden;
  168. opacity: 0;
  169. z-index: 9999;
  170. }
  171.  
  172. .lol{
  173. position: absolute;
  174. margin: auto;
  175. left: 75px;
  176. bottom: 110px;
  177. height: 150px;
  178. width: 150px;
  179. overflow-x: hidden;
  180. overflow-y: auto;
  181. opacity: 1 ;
  182. background-color: #;
  183. border: 4px double #fff;
  184. border-radius: 200px;
  185. z-index: 99; background-color: #;
  186. -webkit-transition: all .8s ease-in; -moz-transition: all .8s ease-in; -o-transition: all .8s ease-in;
  187. }
  188.  
  189. .lol:hover {height: 350px;
  190. width: 150px; z-index: 99;
  191. left: 75px; bottom: -90px;
  192. background-color: #;
  193. border: 4px double #fff; border-radius: 200px;
  194. overflow-x: hidden;
  195. overflow-y: hidden;
  196. margin: auto;
  197. -webkit-transition: all .8s ease-in; -moz-transition: all .8s ease-in; -o-transition: all .8s ease-in;
  198. }
  199.  
  200. .what{
  201. position: absolute;
  202. right: %;
  203. bottom: %;
  204. background-image:url(https://i.imgur.com/oSEZajz.jpg);
  205. background-size: 100%;
  206. background-repeat: no-repeat;
  207. background-position: 0px 0px;
  208. -webkit-transition: all 1s ease-out;
  209. transition: all 1s ease-out;
  210. transition-delay: 0.3s;
  211. width: 150px;
  212. height: 150px;
  213. overflow:auto;
  214. opacity: 1;
  215. z-index: 97;
  216. }
  217.  
  218. .youdoin{
  219. position: absolute ;
  220. margin: auto;
  221. right: %;
  222. bottom: %;
  223. height: 200px;
  224. width: 200px;
  225. overflow-x: hidden;
  226. overflow-y: auto;
  227. background-image: url(https://www.transparenttextures.com/patterns/subtlenet.png); opacity: 0.1;
  228. z-index: 98;
  229. }
  230.  
  231. .box{position: fixed;
  232. left: 70px;
  233. bottom: -10px;
  234. width: 120px;
  235. height: 115px;
  236. overflow:auto;
  237. opacity: 1;
  238. z-index: 0;
  239. background-color: #ececf1;
  240. color: #000;
  241. font-family: times new roman;
  242. font-size: 11px;
  243. line-height: 11px;
  244. text-align: left;
  245. padding-left: 25px; padding-top: 8.6px; padding-right:30px;
  246. -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  247. }
  248.  
  249. .line1 {background: #fff; position: fixed; bottom: 220px; left: 215px; width: 240px; height: 1px; overflow: auto; z-index: 0;}
  250.  
  251. #head {position: fixed; margin: auto;
  252. width: 200px; height: auto;
  253. left: 255px; bottom: 203px;
  254. letter-spacing: 1.4px;
  255. background-color: #;
  256. color: #fff; border: px solid #000;
  257. font-family: times new roman;
  258. font-style: italic;
  259. font-size: 30; text-align: justify;
  260. }
  261.  
  262. .mini{
  263. position: fixed;
  264. color: fff;
  265. font-family: times new roman;
  266. font-size: 13px;
  267. text-align: justify;
  268. left: 240;
  269. bottom: 185;
  270. height: 10;
  271. width: 193;
  272. background-color: #;
  273. z-index: 99999;
  274. padding: 5px;
  275. margin: 5px;
  276. overflow: auto;
  277. }
  278.  
  279. .oops{
  280. position: fixed;
  281. color: fff;
  282. font-family: times new roman;
  283. font-size: 11px;
  284. font-style: italic;
  285. text-align: justify;
  286. left: 250;
  287. bottom: 163;
  288. height: 10;
  289. width: 193;
  290. background-color: #;
  291. z-index: 99999;
  292. padding: 5px;
  293. margin: 5px;
  294. overflow: auto;
  295. }
  296.  
  297. .accident{
  298. position: fixed;
  299. color: fff;
  300. font-family: times new roman;
  301. font-size: 11px;
  302. text-align: justify;
  303. left: 235;
  304. bottom: 127;
  305. height: 25;
  306. width: 207;
  307. background-color: #;
  308. z-index: 99999;
  309. padding: 5px;
  310. margin: 5px;
  311. overflow: auto;
  312. }
  313.  
  314. .gif{
  315. position: fixed;
  316. left: 300px;
  317. bottom: 124px;
  318. background-image:url(https://78.media.tumblr.com/tumblr_me65bsyWgF1rg3ywto1_500.gif);
  319. background-size: 100%;
  320. background-repeat: no-repeat;
  321. background-position: 0px 0px;
  322. -webkit-transition: all 1s ease-out;
  323. transition: all 1s ease-out;
  324. transition-delay: 0.3s;
  325. width: 150px;
  326. height: 150px;
  327. overflow:auto;
  328. opacity: 1;
  329. z-index: 0;
  330. }
  331.  
  332.  
  333. </style>
  334.  
  335.  
  336. <div class="gif"></div>
  337.  
  338. <div class="line1"></div>
  339.  
  340. <div id="head">DAY·DREAM</div></div>
  341.  
  342. <div class="mini">/dāˌdrēm/</div>
  343. <div class="oops">noun</div>
  344. <div class="accident">1. a series of pleasant thoughts that distract one's attention from the present.</div>
  345.  
  346. <div id="msc">
  347. <div class="musicplayer" title="tunes. click once.">
  348. <div class="moosic">
  349. <audio controls>
  350. <source src="http://k003.kiwi6.com/hotlink/tya45wr5xz/H.E.R._-_Let_Me_In_Audio_.mp3">
  351. </audio>
  352. </div>
  353. </div>
  354. </div>
  355.  
  356.  
  357. <div class="lol">
  358. <div class="what">
  359. <div class="box">
  360.  
  361. <center>★</center>
  362. moniker<font style=float:right;>ariella</font><br>
  363. age<font style=float:right;>24</font><br>
  364. paramour<font style=float:right;>disinterested</font><br>
  365. species<font style=float:right;><a title="Fickle, picky, and reckless with most decisions, she is a fairy. However, her story isn't one she is proud of.
  366.  
  367. She began as an angel, one of the many sent to do God's tasks and take care of the people around her. She was crafted for the very purpose of doing His work. She never felt far from Him. She believed He was with her at all times. As an angel, she was meant to be as holy as one could be. it was her duty to keep work unseen by humans. But, God fell disappointed in her.
  368. She wasn't doing enough. Her work was not befitting of her rank as angel, He said. She was not declared as evil, so as to be sent to hell and work as a demon, either. Instead, she was expelled from heaven, and caught in between the lines of human and angel, where she was made into a fairy.
  369.  
  370. Now she hides her wings. Her halo was stripped from her. God sent her off. The relationship she had with Him is broken and she has no desire to repair it. Her affliction is with keeping herself apathetic and her mind grounded.">fae</a></font><br>
  371. occupation<font style=float:right;><a title="She finds work where she can.
  372. Currently, she is a personal assistant and piercing apprentice.
  373. She would love to be a musician.
  374. Being in band after band only to have each break up doesn't keep her hopeful, though.
  375. Faith is a rare commodity.
  376. She seldom even mentions her instruments to others now.">busy</a></font><br>
  377. bag<font style=float:right;><a title="">full</a></font><br>
  378. picture book<font style=float:right;><a href="https://imgur.com/a/LEqK4tI">spaced</a></font><br>
  379. <center><c>----- <a title="">OOC</a> -----</c></center>
  380.  
  381. </div></div><div class="youdoin"><br>
  382. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement