API tools faq
paste
ARISUGAWA

myspace css

ARISUGAWA
Jun 28th, 2020
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.18 KB | None | 0 0
raw download clone embed print report
  1. body{
  2. background:url(https://dickensfest.com/wp-content/uploads/2016/05/blackvictorianbkgd.jpg);
  3. p {
  4. background-color: black;
  5. font-family: "Times New Roman", Times, serif;
  6. }
  7. font-size: 20px;
  8. color: white);
  9. text-align: center;
  10. }
  11.  
  12. h4{
  13. color: white;
  14. text-shadow: #ba0da3 0 0 8px;
  15. }
  16.  
  17. }
  18. blurbs.about, blurbs.meet {
  19. color: white;
  20. text-shadow: #ba0da3 20 20 8px;
  21. }
  22. @keyframes slidein{
  23. from {
  24. margin-left: -100%;
  25. }
  26.  
  27. to {
  28. margin-left: 0%;
  29. }
  30. }
  31. .topRight{
  32. animation-duration: 1.5s;
  33. animation-name: slide;
  34. }
  35.  
  36. @keyframes slide{
  37. from {
  38. margin-right: -100%;
  39. }
  40. to {
  41. margin-right: 0%;
  42. }
  43.  
  44. }
  45. .logo b span {display: none;}
  46.  
  47. .logo b:before {content: "I WIPE AWAY THE MANORS DIRT.";font-size:15px; color: white;}
  48.  
  49. .rightHead, .boxHead {
  50. background-image: url(https://66.media.tumblr.com/af1011077f9707fed5420b81579e295e/tumblr_n8io58n23H1qkw2uho1_500.gifv);
  51. color: white;
  52. text-shadow: #ba0da3 0 0 7px;
  53. font-weight: none;
  54. border: 1px dashed white;
  55. }
  56. .boxInfo.box: {
  57. color: white;
  58. text-shadow: #ba0da3 0 0 7px;
  59. }
  60. #name.uName {
  61. color: white;
  62. text-shadow: #a36fad 0 0 7px;
  63. }
  64. #sMsg, #add, #block, #report{
  65. color: white;
  66. text-shadow: #ba0da3 0 0 7px;
  67. }
  68.  
  69. #sMsg {
  70. background-repeat: no-repeat;
  71. background: url(https://66.media.tumblr.com/678662527c5a37e12a790cb4c015eb6a/tumblr_inline_mkhu7ogEF91qz4rgp.png) no-repeat;
  72. }
  73. #add {
  74. background-repeat: no-repeat;
  75. background: url(https://66.media.tumblr.com/678662527c5a37e12a790cb4c015eb6a/tumblr_inline_mkhu7ogEF91qz4rgp.png) no-repeat;
  76. }
  77.  
  78. #block{
  79. background-repeat: no-repeat;
  80. background: url(https://66.media.tumblr.com/678662527c5a37e12a790cb4c015eb6a/tumblr_inline_mkhu7ogEF91qz4rgp.png) no-repeat;
  81. }
  82.  
  83. #report {
  84. background-repeat: no-repeat;
  85. background: url(https://66.media.tumblr.com/678662527c5a37e12a790cb4c015eb6a/tumblr_inline_mkhu7ogEF91qz4rgp.png) no-repeat;
  86. }
  87.  
  88.  
  89. .topLeft {
  90. padding-right: 2px;
  91. padding-left: 3px;
  92. padding-top: 3px;
  93. padding-bottom: 2px;
  94. color: #d3d3db;
  95. text-shadow: #ba0da3 0 0 8px
  96. font-family: "Times New Roman";
  97. letter-spacing: 2px;
  98. animation-duration: 1.5s;
  99. animation-name: slidein;
  100. }
  101. }
  102. .fwiendCount{
  103. color: #ba0da3;
  104. text-shadow: #ba0da3 0 0 8px;
  105. }
  106.  
  107. .fwiendCounter{
  108. color: #fff;
  109. text-shadow: #ba0da3 0 0 8px;
  110. }
  111.  
  112. table.short, .blurbs, #top, #box, .box, #header, #hSub, .blog {
  113. background-image: url(https://cdn.lowgif.com/small/0d73cf61f3837bfd-pin-by-s-f-g-on-miejsce-do-odwiedzania-pinterest.gif);
  114. padding-right: 2px;
  115. padding-left: 3px;
  116. padding-top: 3px;
  117. padding-bottom: 2px;
  118. color: #d3d3db;
  119. font-family: "Times New Roman";
  120. border: 1px dashed white;
  121. letter-spacing: 2px;
  122. }
  123.  
  124. a:link{
  125. color: #ba0da3;
  126. }
  127.  
  128. a:active{
  129. color: #161240;
  130. }
  131.  
  132. a:visited{
  133. color: #ba0da3;
  134. }
  135.  
  136. .url.box a {
  137. display: none;
  138. }
  139. .url {
  140. background: url(https://cdn131.picsart.com/314064662000211.png?type=webp&to=min&r=640);
  141. background-size: 310px;
  142. position: fixed;
  143. right: 0;
  144. bottom: 0;
  145. color: transparent !important;
  146. height: 256px;
  147. width: 256px;
  148. border: none;
  149. box-shadow: none;
  150. padding: 0 !important;
  151. z-index: 1000;
  152. }
  153. #gender{
  154. visibility: hidden;
  155. position: relative;
  156. }
  157.  
  158. #gender::after{
  159. visibility: visible;
  160. content: "Maid";
  161. font-size: 15px;
  162. top: 0;
  163. left: 1;
  164. position: absolute;
  165.  
  166. }
  167. #country{
  168. visibility: hidden;
  169. position: relative;
  170. }
  171.  
  172. #country::after{
  173. visibility: visible;
  174. content: "Death City";
  175. font-size: 15px;
  176. top: 0;
  177. left: 0;
  178. position: absolute;
  179. }
  180. .extended{
  181. font-size: 10px
  182. }
  183.  
  184. .extended::after{
  185. display: block;
  186. content: "a tiny mouse can run anywhere, but they are always in my sight.";
  187. font-size: 15px;
  188. color: white;
  189. text-shadow: #ba0da3 0 0 7px;
  190. background-image: url("https://media1.tenor.com/images/2a67448fd1abd58a1d219310f084e609/tenor.gif?itemid=11001614");
  191. background-size: cover;
  192. background-position: center;
  193. border: 1px dashed white;
  194. width: 100%;
  195. height: 25px;
  196. margin-bottom: 0px;
  197. text-align: center;
  198. overflow: auto;
  199. box-sizing: border-box;
  200. font-weight: 800;
  201. }
  202.  
  203. .topLeft:after {
  204. content: "";
  205. white-space: pre-wrap;
  206. display: block;
  207. height: 250px;
  208. background-image: url(lll), url(https://thumbs.gfycat.com/HarmfulPossibleAsiaticgreaterfreshwaterclam-size_restricted.gif);
  209. background-repeat: no-repeat;
  210. background-position: center;
  211. border: 1px dashed white;
  212. }
  213.  
  214. div#header {
  215.  
  216.  
  217.  
  218.  
  219. background: #D0E4F5 url(https://cdn.lowgif.com/small/0d73cf61f3837bfd-pin-by-s-f-g-on-miejsce-do-odwiedzania-pinterest.gif) repeat-x fixed 50% 0%;
  220.  
  221.  
  222. background-size: cover;
  223.  
  224.  
  225. font-size: 15pt;
  226.  
  227.  
  228. font-family: serif;
  229.  
  230.  
  231. letter-spacing: 5px;
  232.  
  233.  
  234.  
  235. }
  236. div#hSub {color: white; background-color: #000; background-image:url(https://cdn.lowgif.com/small/0d73cf61f3837bfd-pin-by-s-f-g-on-miejsce-do-odwiedzania-pinterest.gif); font-family: Times New Roman}
  237.  
  238.  
  239.  
  240. body, a, a:hover{ cursor:url(http://goo.gl/GklL2a), auto }
  241.  
  242. :root {
  243. --_font-size: 15px;
  244. /* blurbs */
  245. --blurbs: "s info";
  246. --blurbs-about: "ABOUT:";
  247. --blurbs-meet: "I WANNA MEET:";
  248.  
  249. /* friend space */
  250. --friends: "s fwiends";
  251. --friends-counter-prefix: "";
  252. --friends-counter-suffix: " friends!!";
  253. --friends-counter-name-prefix: "";
  254. --friends-counter-name-suffix: " has ";
  255. --friend-count-prefix: "like ";
  256. --friend-count-suffix: "";
  257.  
  258. /* contact box */
  259. --contact-prefix: "";
  260. --contact-suffix: "s contact box";
  261. --contact-block: "DELETE";
  262. --contact-report: "COMPLAIN";
  263. --contact-send-message: "MESSAGE";
  264. --contact-add-friend: "BEFRIEND";
  265.  
  266. /* myspace url */
  267. --myspace-url: "WAKE ME UP SOON";
  268.  
  269. /* song */
  270. --song-prefix: "NOW PLAYING: ";
  271. --song-suffix: "";
  272.  
  273. /* comment box */
  274. --comment: "LEAVE A COMMENT!";
  275. /* note: because of css limitations, you cannot change the text of the "Send" button */
  276.  
  277. /* comment list */
  278. --wall-username-prefix: "";
  279. --wall-username-suffix: "";
  280. }
  281. .blurbs.box>.rightHead>b { font-size: 0 }
  282. .blurbs.box>.rightHead>b>.uName { font-size: var(--_font-size); }
  283. .blurbs.box>.rightHead>b::after { content: var(--blurbs); font-size: var(--_font-size); }
  284.  
  285. .blurbs.box > h4:nth-child(2) { font-size: 0 }
  286. .blurbs.box > h4:nth-child(2)::before { content: var(--blurbs-about); font-size: var(--_font-size); margin-top: 19.95px; display: block; }
  287.  
  288. .blurbs.box > h4:nth-child(4) { font-size: 0 }
  289. .blurbs.box > h4:nth-child(4)::before { content: var(--blurbs-meet); font-size: var(--_font-size); margin-top: 19.95px; display: block; }
  290.  
  291. #container > .topRight > .box:nth-child(3) > .rightHead > b { font-size: 0 }
  292. #container > .topRight > .box:nth-child(3) > .rightHead > b > .uName { font-size: var(--_font-size) }
  293. #container > .topRight > .box:nth-child(3) > .rightHead > b::after { content: var(--friends); font-size: var(--_font-size); }
  294.  
  295. .fwiendCounter > b { font-size: 0 }
  296. .fwiendCounter > b::before,
  297. .fwiendCounter > b::after,
  298. .fwiendCounter > b > .uName,
  299. .fwiendCounter > b > .fwiendCount { font-size: var(--_font-size); }
  300. .fwiendCounter > b::before { content: var(--friends-counter-prefix) }
  301. .fwiendCounter > b::after { content: var(--friends-counter-suffix) }
  302. .fwiendCounter > b > .uName::before { content: var(--friends-counter-name-prefix) }
  303. .fwiendCounter > b > .uName::after { content: var(--friends-counter-name-suffix) }
  304. .fwiendCounter > b > .fwiendCount::before { content: var(--friend-count-prefix) }
  305. .fwiendCounter > b > .fwiendCount::after { content: var(--friend-count-suffix) }
  306.  
  307. .boxInfo > .boxHead > b, #block, #report, #sMsg, #add { font-size: 0 }
  308. .boxInfo > .boxHead > b::before,
  309. .boxInfo > .boxHead > b::after,
  310. .boxInfo > .boxHead > b > .uName { font-size: var(--_font-size) }
  311. .boxInfo > .boxHead > b::before { content: var(--contact-prefix); font-size: var(--_font-size) }
  312. .boxInfo > .boxHead > b::after { content: var(--contact-suffix); font-size: var(--_font-size) }
  313. #block::before, #report::before, #sMsg::before, #add::before { font-size: small }
  314. #block::before { content: var(--contact-block) }
  315. #report::before { content: var(--contact-report) }
  316. #sMsg::before { content: var(--contact-send-message) }
  317. #add::before { content: var(--contact-add-friend) }
  318.  
  319. .url.box > div:first-child > b { font-size: 0 }
  320. .url.box > div:first-child > b::before { content: var(--myspace-url); font-size: var(--_font-size) }
  321.  
  322. .songName > b { font-size: 0 }
  323. .songName > b::before { font-size: small; content: var(--song-prefix) }
  324. .songName::after { content: var(--song-suffix) }
  325.  
  326. #userWall td.tableLeft > a > div > b::before { content: var(--wall-username-prefix) }
  327. #userWall td.tableLeft > a > div > b::after { content: var(--wall-username-suffix) }
  328.  
  329.  
  330.  
  331. #commentInput {
  332.  
  333.  
  334.  
  335.  
  336. background: url("https://lh3.googleusercontent.com/proxy/N3k5ijXn1auL7Vzx49CQMw9b7Q7WRxD0VyPncoOBj9gnZezlXVUstsKmbsoF8MBUVaLnl05s5m-IZWxzs7H3FVtG7Lyo526Ac2lamLlQjZ7qRqs");
  337.  
  338.  
  339. border: 2px dashed #ffffff;
  340. color: white;
  341.  
  342.  
  343. }
  344.  
  345. button, input[type=submit] {
  346.  
  347.  
  348.  
  349.  
  350. padding: 5px;
  351.  
  352.  
  353. background:#00000;
  354.  
  355.  
  356. color: #000000;
  357.  
  358.  
  359.  
  360. border-radius: 3px;
  361.  
  362.  
  363. margin-top: 10px;
  364.  
  365.  
  366. }
  367.  
  368. .tableLeft {
  369.  
  370.  
  371.  
  372.  
  373. background: #ffffff00;
  374.  
  375.  
  376. background-image:url(https://lh3.googleusercontent.com/proxy/N3k5ijXn1auL7Vzx49CQMw9b7Q7WRxD0VyPncoOBj9gnZezlXVUstsKmbsoF8MBUVaLnl05s5m-IZWxzs7H3FVtG7Lyo526Ac2lamLlQjZ7qRqs);
  377.  
  378.  
  379. width: 25%;
  380.  
  381.  
  382. padding: 10px;
  383.  
  384.  
  385. vertical-align: top;
  386.  
  387.  
  388. overflow: hidden;
  389.  
  390.  
  391. border: 3px solid black;}
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398. .tableRight {
  399.  
  400.  
  401. width: 75%;
  402.  
  403.  
  404. background: #ffffff00;
  405.  
  406.  
  407. background-image:url(https://lh3.googleusercontent.com/proxy/N3k5ijXn1auL7Vzx49CQMw9b7Q7WRxD0VyPncoOBj9gnZezlXVUstsKmbsoF8MBUVaLnl05s5m-IZWxzs7H3FVtG7Lyo526Ac2lamLlQjZ7qRqs);
  408.  
  409.  
  410. padding: 10px;
  411.  
  412.  
  413. vertical-align: top;
  414.  
  415.  
  416. overflow-wrap: anywhere;
  417. }
  418. div#footer{
  419. position: fixed;
  420. right: 0px;
  421. font-size: 0px;
  422. pointer-events: none;
  423. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!