Advertisement
Guest User

asdasdasdada

a guest
Jun 20th, 2018
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.70 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, but her story isn't one she's proud of.
  366.  
  367. She began as an angel, one of the many sent to do God's tasks and protect humans.
  368. She was crafted for the very purpose of doing His work. She never felt far from Him and 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 heavenly work unseen by humans. But, God fell disappointed in her. She wasn't doing enough, He said. She was neither evil, nor godly despite how she tried. She could not be sent to hell, nor kept behind the gates by God's wishes. Instead, she was expelled and caught in between the lines of human and angel, where she was made into a fairy, not to be let behind the gates again.
  369.  
  370. Now she hides her wings. With her halo stripped from her, her faith reduced. The relationship she had with Him broke and she has no desire to repair it. Her affliction is with keeping herself apathetic and intact.">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="-phone + headphones + portable charger
  378. -wallet + keys + pocket knife
  379. -bandaids + neosporin
  380. -various pens + mini notebook
  381. -two lighters
  382. -makeup wipes + kleenex
  383. -lip balm + hand lotion
  384. -tampons
  385. -tide pen
  386. -deodorant + sunscreen
  387. -comb
  388.  
  389. -- She wears a small silver chain with a pair of Sterling wings attached at all times and always
  390. has multiple hairties around her wrists.">full</a></font><br>
  391. picture book<font style=float:right;><a title="slight nsfw" href="https://imgur.com/a/LEqK4tI">spaced</a></font><br>
  392. <center><c>----- <a title="first thing's first, this code was made for me by a friend, please don't take it!
  393. pm friendly. i do better with ic approaches
  394. but we can talk something out if it's necessary or if there questions.
  395. LT > ST
  396. 3rd person, para +, but quantity > quality. filler is unnecessary.
  397. i shitpost, but ari is a story driven character.
  398. rl stuff comes before ic, always. sorry. i will let you know if i
  399. have to go for whatever reason, though. ">OOC</a> -----</c></center>
  400.  
  401. </div></div><div class="youdoin"><br>
  402. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement