gr0ss_css

Draculaura css

Sep 15th, 2020 (edited)
243
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.52 KB | None | 0 0
  1. fwiendFace {
  2. transition: 0.5s;
  3. }
  4. .fwiendFace:hover {
  5. border-radius: 5px;
  6. transform: scale(1.2);
  7. background: url(https://static.tumblr.com/44d9a28e79f18c96ea307f2b8f4ac97a/iaofc6x/mrpo4v9dm/tumblr_static_bsvww7e27mokkwg4gkgwswk0s.png);
  8. animation: wob .5s linear infinite;
  9. box-shadow: 0 0 1rem#ff3773;
  10. border: 1px solid #ff269d;
  11. transition: 0.5s;
  12. }
  13. .songName {
  14. overflow: hidden;
  15. background: linear-gradient(#bf0039, #000);
  16. border-radius: 3px;
  17. margin-top: 0px;
  18. font-size: small;
  19. box-shadow: 0px 4px 6px -5px #333;
  20. text-shadow: 0px -2px #333;
  21. color: white;
  22. padding: 5px;
  23. }
  24. * {
  25. color: #fff;
  26. }
  27. .songName {
  28. white-space: nowrap;
  29. }
  30. .songName b {
  31. display: none;
  32. }
  33. .songTitle:after {
  34. content: ".mp3";
  35. }
  36. @keyframes marquee {
  37. 0% {
  38. text-indent: 100%;
  39. }
  40.  
  41. 100% {
  42. text-indent: -180%;
  43. }
  44. }
  45. .songTitle {
  46. display: block;
  47. animation: marquee 20s linear infinite;
  48. }
  49. .player {
  50. background: #000;
  51. border: 3px solid #000;
  52. border-radius: 4px;
  53. padding: 0;
  54. }
  55. @media only screen and (max-width: 768px)
  56. .topLeft, .topRight {
  57. width: auto;
  58. float: none;
  59. }
  60. @keyframes fadein {
  61. 0% {
  62. opacity: 0;
  63. }
  64.  
  65. 10% {
  66. opacity: 0;
  67. }
  68. 100% {
  69. opacity: 1;
  70. }
  71. }
  72. .topRight {
  73. -webkit-animation: fadein 8.5s;
  74. }
  75. .topLeft {
  76. -webkit-animation: fadein 5s;
  77. }
  78. .logo::before {
  79. margin-right: 0px;
  80. display: inline-block;
  81. height: 24px;
  82. width: 24px;
  83. content: "";
  84. background: url(https://cutekawaiiresources.files.wordpress.com/2016/11/keroppi-bullet-2.gif?w=560) no-repeat 0 0;
  85. background-size: 24px 24px;
  86. }
  87. .logo::after {
  88. margin-right: 0px;
  89. display: inline-block;
  90. height: 24px;
  91. width: 24px;
  92. content: "";
  93. background: url(https://cutekawaiiresources.files.wordpress.com/2016/11/keroppi-bullet-2.gif?w=560) no-repeat 0 0;
  94. background-size: 24px 24px;
  95. }
  96. div#hSub {
  97. color:#ff3773;
  98. }
  99. div.boxInfo.box {
  100. border: 1px dashed#ff2681;
  101. }
  102. .boxInfo {
  103. border: 1px dashed#ff2681;
  104. margin-bottom: 20px;
  105. margin-top: 20px;
  106. }
  107. .blog {
  108. background-color: #000;
  109. border: 1px solid #000;
  110. }
  111. p {
  112. color: #fff;
  113. }
  114. div#hSub a {
  115. letter-spacing: 5px;
  116. }
  117. #header a:not(.logo) {
  118. margin-left: 10px;
  119. color: #fff;
  120. font-size: small;
  121. text-decoration: none;
  122. font-family: Courier New;
  123. }
  124. #imgPreview img {
  125. width: auto;
  126. height: auto;
  127. max-height: calc(100% - 10px );
  128. max-width: 100%;
  129. position: absolute;
  130. top: 0;
  131. bottom: 0;
  132. left: 0;
  133. right: 0;
  134. margin: auto;
  135. border: 0px solid #fff;
  136. cursor: zoom-out;
  137. background: url(lll);
  138. }
  139. #sMsg::after {
  140. content: "𝖘𝖊𝖓𝖉 𝖆 𝖒𝖊𝖘𝖘𝖆𝖌𝖊";
  141. font-size: 15px;
  142. }
  143. #sMsg {
  144. font-size: 0px;
  145. color: #fff;
  146. }
  147. #add::after {
  148. content: "𝖆𝖉𝖉 𝖒𝖊";
  149. font-size: 15px;
  150. }
  151. #add {
  152. font-size: 0px;
  153. color: #fff;
  154. }
  155. .topRight > .blurbs.box > .blogs > div > b::after {
  156. font-size: 15px !Important;
  157. content: "𝖌𝖔𝖔𝖉 𝖔𝖑𝖉 𝖇𝖑𝖔𝖌𝖘";
  158. animation: test 1s linear infinite;
  159. }
  160. .topRight > .blurbs.box > .blogs > div > b {
  161. font-size: 0px !Important;
  162. }
  163. #viewFriends {
  164. display: none;
  165. }
  166. .fwiendCounter>b::after {
  167. content: " 𝖋𝖗𝖎𝖊𝖓𝖉𝖘 ";
  168. font-size: 15px;
  169. color: #fff;
  170. }
  171. .fwiendCount {
  172. color: #fff;
  173. font-size: 15px;
  174. }
  175. .fwiendCounter>b {
  176. font-size: 0px;
  177. color: #fff;
  178. }
  179. .fwiendCounter>b>.uName {
  180. font-size: 0px;
  181. color: #fff;
  182. }
  183. .topRight > .box:not(.blurbs) > .rightHead > b::after {
  184. content: "𝖎 𝖉𝖔𝖓𝖙 𝖇𝖎𝖙𝖊, 𝖎 𝖇𝖆𝖗𝖐";
  185. font-size: 15px;
  186. color: #fff;
  187. }
  188. .topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
  189. font-size: -9999px;
  190. }
  191. .topRight > .box:not(.blurbs) > .rightHead > b {
  192. font-size: 0;
  193. }
  194. .blurbs.box > .rightHead > b > span.uName::after {
  195. content: "𝖆𝖇𝖔𝖚𝖙 𝖒𝖊";
  196. color: #fff;
  197. font-size: 15px;
  198. }
  199. .blurbs.box > .rightHead > b {
  200. font-size: 0px;
  201. }
  202. .blurbs.box > .rightHead > b > span.uName {
  203. font-size: 0px;
  204. color: #fff;
  205. }
  206. #sMsg {
  207. background-repeat: no-repeat;
  208. background: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-61.gif?w=560) no-repeat;
  209. }
  210. #add {
  211. background-repeat: no-repeat;
  212. background: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-7.gif?w=560) no-repeat;
  213. }
  214. #block {
  215. display: none;
  216. }
  217. #report {
  218. display: none;
  219. }
  220. .topRight > .extended.box::after {
  221. font-size: 15px !important;
  222. content: "𝖇𝖊𝖎𝖓𝖌 𝖗𝖚𝖉𝖊 𝖎𝖘𝖓'𝖙 𝖆 𝖕𝖊𝖗𝖘𝖔𝖓𝖆𝖑𝖎𝖙𝖞 𝖙𝖗𝖆𝖎𝖙";
  223. }
  224. .topRight > .extended.box > h3 {
  225. font-size: 0;
  226. }
  227. .boxHead {
  228. display: none;
  229. text-indent: -9999px;
  230. }
  231. h4 {
  232. display: none;
  233. }
  234. div#hSub a {
  235. font-family: courier;
  236. }
  237. .fwiendFace img, .tableLeft img {
  238. border: 1px solid #fff;
  239. }
  240. input, button {
  241. background: linear-gradient(#ff269d, #000);
  242. color: #fff;
  243. border: 1px solid #ff269d;
  244. font-family: "courier";
  245. }
  246. input, .fwiendFace b, .tableLeft b, .tableLeft img, #avatar.avatar, .fwiendFace img, .logo, div#hSub a, button, #add.boxButton, #sMsg.boxButton, #imgPreview img, #header a:not(.logo), #imgPreview {
  247. cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol337.cur),auto!important;
  248. }
  249. html {
  250. cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol337.cur),auto!important;
  251. }
  252. .fwiendFace img, .tableLeft img {
  253. width: 100px;
  254. height: 100px;
  255. object-fit: cover;
  256. object-position: top;
  257. }
  258. @keyframes wiredB {
  259. 50% {
  260. box-shadow: 0 0 2rem #ff269d;
  261. }
  262. }
  263. #container {
  264. background: #000;
  265. border: 5px double #ff269d;
  266. animation: wiredB 2s ease-in-out infinite;
  267. }
  268. div#online {
  269. content: url(https://www.myspacegens.com/images/online_now/5.gif);
  270. display: block;
  271. margin-left: auto;
  272. margin-right: auto;
  273. width: 40%;
  274. }
  275. body {
  276. font-family: "Courier New";
  277. }
  278. body::before {
  279. content: "";
  280. display: block;
  281. position: fixed;
  282. left: 0;
  283. top: 0;
  284. width: calc(500% + 32px);
  285. height: calc(500% + 32px);
  286. background-image: url("https://initiate.space/assets/scanlineseg.png");
  287. background-position: 0 0;
  288. background-repeat: repeat;
  289. z-index: 10000000;
  290. animation: ScanlineAnimationLeft 2s linear infinite;
  291. pointer-events: none;
  292. opacity: 0.75;
  293. }
  294.  
  295. body::after {
  296. content: "";
  297. display: block;
  298. position: fixed;
  299. left: -32px;
  300. top: 0;
  301. width: calc(100% + 32px);
  302. height: calc(100% + 32px);
  303. background-image: url("https://initiate.space/assets/scanlineseg.png");
  304. background-position: 0 0;
  305. background-repeat: repeat;
  306. z-index: 10000000;
  307. animation: ScanlineAnimationRight 0.4s linear infinite;
  308. pointer-events: none;
  309. opacity: 0.75;
  310. }
  311.  
  312. @keyframes ScanlineAnimationLeft {
  313. 0% {
  314. transform: translateX(0px) translateY(0px);
  315. }
  316. 100% {
  317. transform: translateX(-32px) translateY(-32px);
  318. }
  319. }
  320.  
  321. @keyframes ScanlineAnimationRight {
  322. 0% {
  323. transform: translateX(0px) translateY(0px);
  324. }
  325. 100% {
  326. transform: translateX(32px) translateY(-32px);
  327. }
  328. }
  329. .logo b span {
  330. display: none;
  331. }
  332. .logo b:before {
  333. vertical-align: middle;
  334. font-size: 20px;
  335. content: "";
  336. }
  337. .logo b:after {
  338. vertical-align: middle;
  339. font-size: 20px;
  340. color: #fff;
  341. content: "𝖞𝖔𝖚'𝖗𝖊 𝖉𝖗𝖔𝖕 𝖉𝖊𝖆𝖉 𝖌𝖔𝖗𝖌𝖊𝖔𝖚𝖘";
  342. }
  343. }
  344. img {
  345. image-rendering: initial;
  346. }
  347. .url.box {
  348. display: none;
  349. }
  350. body {
  351. background-image: url(https://i.pinimg.com/236x/a8/ff/84/a8ff84cc447a16d58539346351f43104.jpg);
  352. }
  353. body {
  354. text-align: center;
  355. }
  356. .tableLeft {
  357. background: #000;
  358. width: 25%;
  359. padding: 10px;
  360. vertical-align: top;
  361. overflow: hidden;
  362. }
  363. .tableRight {
  364. width: 75%;
  365. background: #000;
  366. padding: 10px;
  367. vertical-align: top;
  368. overflow-wrap: anywhere;
  369. }
  370. div {
  371. color: #ff269d;
  372. }
  373. .rightHead {
  374. background: #000;
  375. color: #fff;
  376. border: 1px solid #000;
  377. padding-left: 4px;
  378. }
  379. h4 {
  380. color: #fff;
  381. margin-bottom: 0px;
  382. }
  383. .boxButton {
  384. display: inline-block;
  385. width: calc( 49% - 60px );
  386. padding-left: 30px;
  387. height: 24px;
  388. font-size: small;
  389. color: #fff;
  390. padding-top: 7px;
  391. }
  392. .topLeft:after {
  393. content: "";
  394. white-space: pre-wrap;
  395. display: block;
  396. height: 300px;
  397. background-image: url(lll), url(https://i.gifer.com/LK0x.gif);
  398. background-repeat: no-repeat, repeat, repeat, repeat, repeat;
  399. }
  400. .boxHead {
  401. background: #000;
  402. color: #ff269d;
  403. padding: 3px;
  404. padding-bottom: 4px;
  405. padding-left: 6px;
  406. }
  407. .extended {
  408. background-color: #000;
  409. border: 1px dashed #ff269d;
  410. margin-bottom: 20px;
  411. margin-top: 20px;
  412. }
  413. .blurbs, #box, #header, #hSub {
  414. background: #000;
  415. border: 1px dashed #ff269d;
  416. padding: 0px;
  417. margin-bottom: 10px;
  418. }
  419. .fwiendCount {
  420. color: #fff;
  421. }
  422. #commentInput {
  423. border: 1px solid #ff269d;
  424. background: linear-gradient(#ff269d, #000);
  425. }
  426. * {
  427. color: #fff;
  428. }#hSub a {
  429. color: #fff;
  430. text-decoration: none;
  431. }
  432. #header, #hSub {
  433. padding: 5px !important;
  434. background: #000 url(https://i.pinimg.com/originals/1c/2a/48/1c2a48cafc7a62bfe1df42bd23368e65.gif) repeat!important;
  435. border-bottom: 1px solid #ff269d !important;
  436. border-radius: 10px;
  437. }
  438. div#hSub a:first-child {
  439. border-bottom: 2px solid #ff269d;
  440. padding-bottom: 7px;
  441.  
  442.  
Add Comment
Please, Sign In to add comment