discvorld

also hackjob but much simpler code

Jul 18th, 2026
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.37 KB | None | 0 0
  1. <img src="https://i0.wp.com/mjstarot.com/wp-content/uploads/2023/11/18-The-Moon-New-Era-Elements-Tarot.png?w=433&ssl=1" style="opacity:1">
  2.  
  3. <p style=" margin-left: 345px;
  4. line-height: 1.3em;
  5. margin-top: -3px;
  6. width: 151px;
  7. text-align: right;">girl judas @ <a href="https://rosehip.neocities.org/">rosehip</a>.neocities</p>
  8.  
  9.  
  10. <style>
  11. /* include links to your cursor, background and change colors and fonts here */
  12. @import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase&display=swap');
  13.  
  14.  
  15. ::-webkit-scrollbar {
  16. width: 2px;
  17. }
  18.  
  19. ::-webkit-scrollbar-track {
  20. background: transparent
  21. }
  22.  
  23. ::-webkit-scrollbar-thumb {
  24. background-color: #6f364a;
  25. }
  26.  
  27.  
  28. body {
  29. width: 70%;
  30. max-width: 468px;
  31. margin-top: 50px;
  32. padding: 5px;
  33. font-family: 'Cormorant Unicase', serif;
  34. font-weight: 800;
  35. font-size: 13px;
  36. letter-spacing:1px;
  37. color: #9C576E;
  38. background-color: #0d0105;
  39. background-image: url("https://64.media.tumblr.com/3c048232807da8fc027346e5adb56464/44a55ba44c9fdf33-40/s75x75_c1/1dd0c1e574b408ecb76258ea1a38c91c6f4555b6.pnj");
  40. background-repeat: repeat;
  41. background-position: center;
  42. }
  43.  
  44. h1 {
  45. font-size: 11px;
  46. }
  47.  
  48. h2 {
  49. color: white;
  50. font-size: 0px;
  51. }
  52.  
  53. dt.about,
  54. .about h2,
  55. .about::before,
  56. .about::after {
  57. display: none !important;
  58. content: none !important;
  59. }
  60.  
  61. .status .username,
  62. .status .status-username,
  63. .status .status-user {
  64. display: none !important;
  65. }
  66.  
  67. /* Status Posts */
  68. .status {
  69. font-size: 9px !important;
  70. text-align: justify;
  71. padding: 0px 6px 0px 0px;
  72. margin-top: 9px;
  73. margin-bottom: 13px;
  74. position: relative;
  75. text-indent: 18px;
  76. margin-left: 17px;
  77. }
  78.  
  79. .status::before {
  80. content: url(https://64.media.tumblr.com/327fc7f9af14fc21796089d306f809b7/69c68b5549cd2701-c2/s75x75_c1/799a0fe5005e0035c4484996dc8643d43e1b9987.gif);
  81. position: absolute;
  82. top: -11px;
  83. left: -13px;
  84. font-size: 10px;
  85. transform: rotate(4deg) scale(77%);
  86. opacity: 92%;
  87. filter: saturate(30%) hue-rotate(35deg);
  88. }
  89.  
  90. .status::after {
  91. content: none;
  92. transform: scale(70%);
  93. position: absolute;
  94. bottom: -11px;
  95. right: -35px;
  96. opacity: 60%;
  97. }
  98.  
  99. a,
  100. a:link,
  101. a:visited,
  102. a:hover,
  103. a:active {
  104. text-decoration: none;
  105. color: #9C576E;
  106. }
  107.  
  108. .status a,
  109. .status a:link,
  110. .status a:visited,
  111. .status a:hover,
  112. .status a:active {
  113. font-style: italic;
  114. color: #9C576E;
  115.  
  116. }
  117.  
  118. header a + a::before {
  119. content: " & ";
  120. margin: 0 6px;
  121. }
  122.  
  123.  
  124. /* change navi style */
  125. header {
  126. display: none;
  127. justify-content: center;
  128. align-items: center;
  129. background-color: #FFF;
  130. outline: 7px solid white;
  131. padding: 0px;
  132. word-spacing: 10px;
  133. font-size: 0px;
  134. margin-bottom: 20px;
  135. border-radius: 1px;
  136. }
  137.  
  138. /* change columns style below */
  139.  
  140. .cols {
  141. display: grid;
  142. grid-template-columns: 210px 1fr;
  143. grid-gap: 24px;
  144. margin-top: 10px;
  145. font-size: 9px;
  146. }
  147.  
  148. section {
  149. background-color: #f6eff1;
  150. outline: 7px solid #F6EFF1;
  151. padding-left: 2px;
  152. padding-top: 11px;
  153. padding-bottom: 10px;
  154. border-radius: 1px;
  155. }
  156.  
  157. section:first-child {
  158. height: 213px;
  159. margin-top: 208px;
  160. overflow-y: visible;
  161. background:none;
  162. border:none;
  163. outline:none;
  164. }
  165.  
  166. section:last-child {
  167. height: 419px;
  168. background-size: cover;
  169. overflow-y: scroll;
  170. }
  171.  
  172.  
  173.  
  174. .status-user {
  175. color: #efbabc;
  176. font-size: 0px;
  177. }
  178.  
  179. .status-username {
  180. color: #efbabc;
  181. font-size: 0px;
  182. }
  183.  
  184.  
  185. /* change 'subscribe via atom' style here */
  186. a[href*="atom"] {
  187. font-size: 0em;
  188. text-decoration: ;
  189. letter-spacing: 1px;
  190. }
  191.  
  192. .email {
  193. display: none;
  194. }
  195.  
  196. .about::before,
  197. .about *::before {
  198. content: none !important;
  199. }
  200.  
  201. .about {
  202. line-height: 0.3;
  203. margin-top: -257px;
  204. margin-left: -25px;
  205. font-size: 9px;
  206. z-index: 9999;
  207. position: absolute;
  208. pointer-events: none;
  209. }
  210.  
  211. .about img {
  212. height: auto;
  213. display: block;
  214. margin: 0 auto;
  215. max-height: 459px;
  216. margin-left: -34.5px;
  217. filter: hue-rotate(315deg);
  218. }
  219.  
  220. .homepage {
  221. display:none;
  222. }
  223.  
  224. @media (max-width: 768px) {
  225.  
  226.  
  227. .cols {
  228. display: block;
  229. }
  230.  
  231. .about {
  232. display:none; }
  233.  
  234. section:first-child {
  235. height: 0px;
  236. margin-top: -32px; }
  237.  
  238. section:last-child {
  239. height: 80vh;
  240. background-size: cover;
  241. overflow-y: scroll;
  242. }
  243.  
  244. .status { margin-left:4px; padding: 0px 3px 0px 0px;}
  245.  
  246. }
  247.  
  248.  
  249. </style>
Advertisement
Add Comment
Please, Sign In to add comment