API tools faq
paste
Guest User

Untitled

a guest
May 3rd, 2026
21
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.66 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. :root {
  3. --nav-links-hover: rgb(229 0 255);
  4. --blog-body: rgb(0 0 0);
  5. --reply-border: rgb(29 255 0);
  6. --background: rgb(0 0 0);
  7. }
  8.  
  9.  
  10. html {
  11. background: var(--background);
  12. background-size: contain;
  13. background-attachment: fixed;
  14. }
  15.  
  16. nav {
  17. padding-top: 1em;
  18. }
  19.  
  20. nav .top {
  21. margin-top: 2px;
  22. background: none;
  23. background-color: black;
  24. border: 2px dotted #c3d9e0;
  25. border-bottom: none;
  26. }
  27.  
  28. nav .links {
  29. background-color: black;
  30. border: 2px dotted #c3d9e0;
  31. -webkit-background-clip: text;
  32. -webkit-text-fill-color: transparent;
  33. font-style: normal;
  34. text-align: center;
  35.  
  36. }
  37.  
  38. nav .links a:hover {
  39. color: var(--nav-links-hover) !important;
  40. text-shadow: 0 0 0px #ffffff;
  41. }
  42. nav,
  43. nav .links a {
  44. color: #c3d9e0;
  45. }
  46.  
  47. nav,
  48. nav .links a {
  49. color: #FFFF00 !important;
  50. }
  51.  
  52. nav,
  53. nav .links a:hover {
  54. color: #FFFF00 !important;
  55. }
  56.  
  57. nav .links {
  58. background-color: black;
  59. border: 2px solid #E500FF;
  60. }
  61.  
  62. body {
  63. background: rgba(0, 0, 0, 0);
  64. font-family: Courier New, monospace;
  65. }
  66.  
  67. main {
  68. background: var(--blog-body);
  69. }
  70.  
  71. main,
  72. .blog-entry .content * {
  73. color: var(--text-color);
  74. }
  75.  
  76. b,
  77. strong {
  78. color: var(--text-color);
  79. }
  80.  
  81. h1 {
  82. background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);
  83. -webkit-background-clip: text;
  84. -webkit-text-fill-color: transparent;
  85. font-style: normal;
  86. }
  87.  
  88. a,
  89. button {
  90. color: var(--links);
  91. }
  92.  
  93. a:hover,
  94. button:hover {
  95. color: var(--links-hover);
  96. }
  97.  
  98. .blog-entry.kudos-btn {
  99. color: #00FF2A !important;
  100. }
  101.  
  102. .blog-entry.kudos-btn:hover {
  103. color: #E500FF !important;
  104. text-decoration: bold !important;
  105. }
  106.  
  107. .edit-info {
  108. background: var(--left-info);
  109. color: var(--left-info-text);
  110. border: hidden;
  111. text-align: center;
  112. }
  113.  
  114. .edit-info a {
  115. color: var(--left-info-text);
  116. }
  117.  
  118. .inner>a:nth-child(4)>button:nth-child(1) {
  119. background: var(--blog-body);
  120. }
  121.  
  122. .comments-table td:first-child {
  123. background: var(--comment-left);
  124. }
  125.  
  126. .comments-table td {
  127. background: var(--comment-right);
  128. }
  129.  
  130. .comment-replies {
  131. border: 1px solid var(--reply-border) !important;
  132. }
  133.  
  134. .comments-table td * {
  135. color: var(--comment-text);
  136. }
  137.  
  138. td {
  139. border: 1px solid #c3d9e0;
  140. border-collapse: collapse;
  141. color: #c3d9e0 !important;
  142. background: none;
  143. background-color: black !important;
  144. }
  145.  
  146. .top input {
  147. background-color: black !important;
  148. border: 1px solid #E500FF !important;
  149. color: #00FF2A;
  150. }
  151.  
  152. .button {
  153. background-color: black !important;
  154. border: 1px solid #E500FF !important
  155. }
  156.  
  157. .logo {
  158. filter: sepia(100%) hue-rotate(0deg) saturate(0);
  159. }
  160.  
  161. .comments-table a p {
  162. color: #c3d9e0;
  163. background-color: black;
  164. -webkit-text-fill-color: #00FF2A;
  165. }
  166.  
  167. #q,
  168. button {
  169. color: #c3d9e0;
  170. background-color: black;
  171. -webkit-text-fill-color: #00FF2A;
  172. }
  173.  
  174. a,
  175. .logout-btn {
  176. text-decoration: underline !important;
  177. background: url(https://cur.glitter-graphics.net/pub/3390/3390323un7ana0wpz.gif);
  178. -webkit-background-clip: text;
  179. -webkit-text-fill-color: transparent;
  180. font-style: normal;
  181. }
  182.  
  183. .container {
  184. margin: 0 auto 0;
  185. }
  186.  
  187. .icon {
  188. display: none;
  189. }
  190.  
  191. main {
  192. background: black;
  193. color: #c3d9e0;
  194. border-left: 2px dotted #c3d9e0;
  195. border-right: 2px dotted #c3d9e0;
  196. }
  197.  
  198. main {
  199. background: black;
  200. color: #00FF2A;
  201. border-left: 2px dotted #E500FF;
  202. border-right: 2px dotted #E500FF;
  203. }
  204.  
  205. .heading,
  206. .url-info {
  207. color: #c3d9e0 !important;
  208. background: none;
  209. background-color: black !important;
  210. border: 2px solid #c3d9e0 !important;
  211. }
  212.  
  213. .inner {
  214. color: #c3d9e0 !important;
  215. border: 2px dotted #c3d9e0;
  216. border-top: none;
  217. }
  218.  
  219. a,
  220. .logout-btn {
  221. text-decoration: underline !important;
  222. }
  223.  
  224. #comments {
  225. border-bottom: 2px dotted #c3d9e0;
  226.  
  227. }
  228.  
  229. footer {
  230. background-color: var(--footer);
  231. }
  232.  
  233. footer {
  234. background: black;
  235. border: 2px dotted #c3d9e0;
  236. }
  237.  
  238. footer p {
  239. color: #00F700 !important;
  240. }
  241.  
  242. .comments-table {
  243. border: none;
  244. border-collapse: collapse;
  245.  
  246. }
  247.  
  248. .comment-replies {
  249. border: 1px solid #c3d9e0;
  250. margin: 2px;
  251. text-align: center;
  252.  
  253. }
  254.  
  255. body::before {
  256. content: " ";
  257. display: block;
  258. position: fixed;
  259. top: 0;
  260. left: 0;
  261. bottom: 0;
  262. right: 0;
  263. background: gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
  264. z-index: 2;
  265. background-size: 100% 2px, 3px 100%;
  266. pointer-events: none;
  267. }
  268.  
  269. img {
  270. filter: sepia(25%) saturate(2);
  271. }
  272.  
  273. .logo {
  274. filter: sepia(100%) hue-rotate(45deg) saturate(10);
  275. }
  276.  
  277. #q,
  278. button {
  279. color: #00FF2A;
  280. background-color: black;
  281. border: 1px solid #E500FF;
  282. font-family: inherit;
  283. }
  284.  
  285. p,
  286. i,
  287. b,
  288. .count {
  289. color: #FFFF00 !important;
  290. }
  291.  
  292. a,
  293. .logout-btn {
  294. color: #E500FF !important;
  295. text-decoration: underline !important;
  296. }
  297.  
  298. .container {
  299. margin: 0 auto 0;
  300. }
  301.  
  302. .icon {
  303. display: none;
  304. }
  305.  
  306. .heading {
  307. color: #00FF2A !important;
  308. background: none;
  309. background-color: black !important;
  310. border: 2px solid #E500FF !important;
  311. background-image: url();
  312. }
  313.  
  314. .inner {
  315. color: #00FF2A !important;
  316. border: 2px dotted #E500FF;
  317. border-top: none;
  318. }
  319.  
  320. #comments {
  321. border-bottom: 2px #00FF2A;
  322. background-image: url(https://i.postimg.cc/Gt18qMbj/GIF-20250729-203649-571.gif);
  323. }
  324.  
  325. .home-actions {
  326. border: none !important;
  327. background-image: url(https://i.postimg.cc/Gt18qMbj/GIF-20250729-203649-571.gif);
  328. }
  329.  
  330. td {
  331. border: 1px solid #E500FF;
  332. border-collapse: collapse;
  333. }
  334.  
  335. td {
  336. color: #FFFF00 !important;
  337. background: none;
  338. background-color: black !important;
  339. }
  340.  
  341. table.details-table {
  342. max-width: 98%;
  343. }
  344.  
  345. footer {
  346. background: black;
  347. background-image: url(https://i.postimg.cc/Gt18qMbj/GIF-20250729-203649-571.gif);
  348. border: 2px dotted #00FF2A !important;
  349. }
  350.  
  351. footer p {
  352. color: #E500FF !important;
  353. }
  354.  
  355. .profile-pic {
  356. float: none;
  357. width: 110px !important;
  358. margin: 10px auto;
  359. }
  360.  
  361. nav .left img {
  362. content: url("https://file.garden/aRHxY8E_TglHT-c6/sp_napologo.png");
  363. }
  364.  
  365. nav .left img:hover {
  366. /* Start the shake animation and make the animation last for 0.5 seconds */
  367. animation: shake 1s;
  368.  
  369. /* When the animation is finished, start again */
  370. animation-iteration-count: infinite;
  371. }
  372.  
  373. @keyframes shake {
  374. 0% {
  375. transform: translate(1px, 1px) rotate(0deg);
  376. }
  377.  
  378. 10% {
  379. transform: translate(-1px, -2px) rotate(-1deg);
  380. }
  381.  
  382. 20% {
  383. transform: translate(-3px, 0px) rotate(1deg);
  384. }
  385.  
  386. 30% {
  387. transform: translate(3px, 2px) rotate(0deg);
  388. }
  389.  
  390. 40% {
  391. transform: translate(1px, -1px) rotate(1deg);
  392. }
  393.  
  394. 50% {
  395. transform: translate(-1px, 2px) rotate(-1deg);
  396. }
  397.  
  398. 60% {
  399. transform: translate(-3px, 1px) rotate(0deg);
  400. }
  401.  
  402. 70% {
  403. transform: translate(3px, 1px) rotate(-1deg);
  404. }
  405.  
  406. 80% {
  407. transform: translate(-1px, -1px) rotate(1deg);
  408. }
  409.  
  410. 90% {
  411. transform: translate(1px, 2px) rotate(0deg);
  412. }
  413.  
  414. 100% {
  415. transform: translate(1px, -2px) rotate(-1deg);
  416. }
  417. }
  418.  
  419. img {
  420. border-radius: 9px 9px 9px 9px;
  421. }
  422. </style>
Advertisement
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!