Guest User

Pixel ruins

a guest
Aug 23rd, 2020
293
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.34 KB | None | 0 0
  1. /* Text */
  2. * {
  3. font-family: "Determination Sans" !important; /* ----> Change "Arial" to whatever font you want */
  4. color: #275332 !important; /* ----> Click the box to pick text a color */
  5. text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; /* ----> Text outline, remove this line if you don't want an outline */
  6. }
  7.  
  8. /* background */
  9. div[style*="padding-left: 90px"], div[style*="display: flex; justify-content: flex-start; padding-bottom: 40px; padding-top: 64px"] {
  10. background-image:
  11. linear-gradient(#0009,#0009) /* Darkens the background image somewhat to make it more readable, remove this line if you don't need it. Play around with the opacity to make it more or less dark. */
  12. ,url(https://i.imgur.com/eNstYNZ.gif) /* Replace the url with whatever background image you want, delete this line entirely if you just want a solid color background */
  13. !important;
  14. background-color: #333 !important; /* ----> Click the box to pick a background color */
  15. background-size: cover; /* ----> Size of the background, cover will make it fullscreen. Change to a percentage if you want a tiling background image */
  16. background-position: center ; /* ----> Background position. Other options: top, right, bottom, left */
  17. }
  18.  
  19. /* Buttons */
  20.  
  21. div[style*="border-radius: 10px; justify-content: flex-start; margin: 2px 5px; padding: 8px;"], div[style*="border-radius: 5px; height: 30px; width: auto;"], .css-1dbjc4n[style*="background-image: linear-gradient"] {
  22. background-color: #0000004d !important; /* ----> Changes the background color of the in-game buttons (And also the "Continue" button) */
  23. background-image: none !important; /* ----> Removes the gradient from the do/say/story button */
  24. }
  25.  
  26. div[style*="max-width: 450px;"] {
  27. background-color: #0000004d !important; /* ----> Changes the background color of the main menu buttons (Except for "Continue" button which inherents background color from above) */
  28. }
  29.  
  30. /* Input Box */
  31.  
  32. .css-1dbjc4n.r-13awgt0.r-18u37iz[style*="border-radius: 8px; border-width: 1.5px; margin-right: 10px; min-height: 45px;"] {
  33. border-color: #0000004d !important; /* ----> Changes the border color of the input box */
  34. }
  35.  
  36. .css-1cwyjr8.r-jwli3a.r-13awgt0.r-eam2wb.r-1ag4vb1::placeholder {
  37. color: #ffffff3b !important; /* ----> Changes the input placeholder text color */
  38. }
  39.  
  40. /*Input box text*/
  41. .css-1cwyjr8.r-13awgt0.r-1ag4vb1[style*="line-height: 24px; padding: 9px 12px 12px;"] {
  42. color: #a8a8a8 !important;
  43. font-family: "Determination Sans" !important;
  44. }
  45.  
  46. /* Scrollbar styling (Chromium only) */
  47.  
  48. *::-webkit-scrollbar {
  49. width: 6px !important; /* ----> Scrollbar width in pixels */
  50. }
  51. *::-webkit-scrollbar-track {
  52. background: #0000007d !important; /* ----> Scrollbar track color */
  53. }
  54. *::-webkit-scrollbar-thumb {
  55. background: #87d27f !important; /* ----> Scrollbar color */
  56. }
  57. *::-webkit-scrollbar-thumb:active {
  58. background: #5a8e54 !important; /* ----> Scrollbar color while in use */
  59. }
  60.  
  61. .css-1dbjc4n.r-13awgt0[style*="padding-right"] {
  62. padding-right: 0px !important; /* ----> Removes some padding so the scrollbar is on the edge of the window instead of floating 90 pixels off the edge. */
  63. }
  64.  
  65. /* right sidebar */
  66.  
  67. .r-1pi2tsx.css-1dbjc4n[style*="width: 256px; z-index: 101;"] {
  68. background-color: #000000a8 !important;
  69. }
  70.  
  71. /* misc colors */
  72.  
  73. *[style*="background-color: rgb(59, 59, 59)"] {
  74. background-color: #0000006b !important; /* ----> Replaces all the grey colors (Setting buttons, My stuff/Explore buttons and search bar, maybe some more stuff) */
  75. }
  76.  
  77. *[style*="background-color: rgb(0, 150, 136)"] {
  78. background-color: #275332 !important; /* ----> Replaces the settings toggle button colors */
  79. }
  80.  
  81. *[style*="background-color: rgb(163, 211, 207)"] {
  82. background-color: #0000006e !important; /* ----> Replaces the settings toggle button bar colors */
  83. }
  84.  
  85. /* Don't touch these */
  86. div[style*="border-radius: 5px; height: 30px; width: auto;"] {
  87. background-color: #0000 !important;
  88. }
  89.  
  90. *[style*="font-family: MaterialCommunityIcons"] {
  91. font-family: "MaterialCommunityIcons" !important;
  92. }
  93.  
  94. *[style*="FontAwesome"] {
  95. font-family: "FontAwesome" !important;
  96. }
  97.  
  98. .r-13awgt0 {
  99. background-color: #0000 !important;
  100. }
  101.  
  102. .r-eqz5dr {
  103. background-color: #0000 !important;
  104. }
Add Comment
Please, Sign In to add comment