GoblinSpace CSS Cheat Scroll

feral-friendly edition

You can customize your profile with CSS. You can also absolutely make it unreadable. That’s between you and your gods. This page gives you the *good kind* of cursed.

Rule #1: keep it scoped Rule #2: refresh fixes most sins Rule #3: your profile, your consequences

/\_/\ ( o.o ) < code goblin says hello > ^ <

Where your CSS applies

Your CSS should be scoped under #gs-profile. If you forget that, you’ll style the whole universe and the universe will get upset.

/* correct: only your profile */
#gs-profile { }

/* also correct: style stuff inside your profile */
#gs-profile a { text-decoration: underline; }
#gs-profile .box { border: 2px solid #000; }

If something seems broken: refresh the page.
If it breaks again: that’s culture.

Copy-paste prompt for ChatGPT

Copy this into ChatGPT. Replace the vibe and paste your CSS. Ask for CSS only and remind it to keep everything under #gs-profile.

I’m customizing my GoblinSpace profile. My CSS MUST stay scoped under #gs-profile.
Please output ONLY CSS (no explanations), and keep selectors under #gs-profile.

Vibe goal: (describe what you want)
Constraints:
- readable text and links
- don’t hide content accidentally
- avoid absolute positioning unless necessary
- keep images within the page

Here is my current CSS:
```css
PASTE YOUR CSS HERE
```

10 cursed-but-usable snippets

1) Goblin Dark Mode (readable)

#gs-profile { background:#000; color:#fff; }
#gs-profile .box { background:#000; border:2px solid #666; }
#gs-profile a { color:#66ccff; text-decoration: underline; }
#gs-profile a:visited { color:#cc99ff; }
#gs-profile a:hover { color:#ffff66; background:#111; }

2) Make headers loud

#gs-profile h1, #gs-profile h2, #gs-profile h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

3) 2005 density (less air)

#gs-profile { font-size: 12px; }
#gs-profile .box { padding: 6px; margin-bottom: 8px; }

4) Borders everywhere (classic)

#gs-profile img { border: 2px solid #000; background:#fff; }
#gs-profile .box { border: 2px solid #000; }

5) Prevent layout nukes (recommended)

#gs-profile img { max-width: 100%; height: auto; }
#gs-profile * { word-break: break-word; }

6) “I am a link goblin”

#gs-profile a { text-decoration: underline; font-weight: bold; }
#gs-profile a:hover { background: #ff0; color:#000; }

7) Tiny Top 8 names

#gs-profile .top8-name { font-size: 10px; }

8) Background pattern (hosted image only)

#gs-profile {
  background-image: url("/storage/your-pattern.webp");
  background-repeat: repeat;
}

9) “I regret everything” reset button

/* paste this to undo most chaos */
#gs-profile * { all: revert; }

10) Maximum tasteful menace

#gs-profile { background:#06060a; color:#e7ffef; }
#gs-profile .box { background:#0b0b12; border:2px solid #2cff8a; }
#gs-profile a { color:#b7ff4a; }
#gs-profile h2 { color:#6cffdd; }

How to not nuke your own profile

These are the classic “why is my profile blank” mistakes.

Text invisible?
You set color but forgot background (or vice versa).

Links invisible?
Style a, a:visited, and a:hover.

Layout exploded?
Remove position:absolute. Also remove float until the page behaves again.

Everything is too big?
Set a base font size and clamp images:

#gs-profile { font-size: 12px; }
#gs-profile img { max-width: 100%; height: auto; }

Optional: stable selectors

If GoblinSpace gives you class names like these, you can target them easily:

.gs-profile-header .gs-top8 .gs-bulletins .gs-comments .gs-images .gs-friends

Pro tip: If you want ChatGPT to help, paste your CSS and also say “keep everything under #gs-profile”.

HTML in comments & bulletins (safe-ish)

GoblinSpace may allow some basic HTML in comments/bulletins. If images are allowed, they should be hosted on GoblinSpace only. (No tracking pixels. No external image hotlinking.)

<b>bold</b>  <i>italic</i>  <u>underline</u>
<br> line break

<a href="https://www.goblinspace.net/u/gobbles">link</a>

<!-- if images are allowed, use ONLY GoblinSpace-hosted images -->
<img src="/storage/your-upload.webp" alt="goblin meme">

Culture pledge (non-hostile)

GoblinSpace is a blank canvas. You are invited to:

be expressive be readable (optional) be weird (required) be kind

If your profile becomes unreadable, that’s not a support ticket. That’s a rite of passage. Paste your CSS into ChatGPT using the prompt above and return stronger.