Modding CSS

Cascading Style Sheets is a technology for controlling how web pages are presented. It's used in Fleshcult for formatting and graphics.

What it looks like:
font-family: 'Comic Sans'; color: pink; }
 * 1) death-soliloquy {

Editing tips:

 * It's way easier to try stuff out in developer tools. Make sure you're in developer mode, right click in the game window and select Open Developer Tools. Click the tablet and phone icon to get rid of the big honking preview window.
 * Right next to that icon is the second most important icon: select element. Hit that and click on any part of the page to select it in the editor.
 * Your edits won't stick when the next page loads. Before that happens, copy your changes into the mod's CSS file.
 * An easy way to find out what you've changed is to hit Ctrl-Shift-P, pick Show Changes, and go to the Changes tab. You'll see all your edits collected together there.

Where it goes in your mod folder:
See file hierarchy

How to specify backgrounds:
Write a CSS rule that sets the background-image on div.page_background. The body tag has a ton of classes that you can use to determine which background you want.

List of classes on the body tag

 * dom0_gender_f / dom0_gender_m / mtf / ftm...

Encounter partner specific
Percentages are rounded to 10 so you don't have to write 100 rules!


 * sub0_gender_f / sub0_gender_m / mtf / ftm...
 * sub0_trust_x (attitude level)
 * sub0_arousal_x0 (percentage)
 * sub0_fear_x0 (percentage)

Encounter event specific
A CSS class is also added for each dialogue event that happens during the turn. This lets you set a background based on what the player chose to do. Here's a big list of those:


 * on_encounter_start &mdash; Encounter Start
 * on_encounter_fail &mdash; Encounter Failed
 * on_arouse &mdash; General Arousal
 * on_turn &mdash; Rising horror
 * on_terrify &mdash; General Pain
 * on_orgasm &mdash; Sub orgasm


 * on_seduce_success &mdash; Seduce progress
 * on_seduce_failure &mdash; Seduce failed
 * on_reveal &mdash; Player reveal
 * on_illusion &mdash; Player illusion
 * on_ride &mdash; Player ride
 * on_caress &mdash; Player caress
 * on_suck &mdash; Player suck
 * on_lick &mdash; Player lick
 * on_finger &mdash; Player finger
 * on_handjob &mdash; Player handjob
 * on_insert &mdash; Player insert
 * on_lactate &mdash; Player lactate
 * on_vibrator &mdash; Player vibrator
 * on_living_insertion &mdash; Player implant
 * on_clamp &mdash; Player apply clamps
 * on_needle &mdash; Player apply needles
 * on_electrostim &mdash; Player apply electrostim
 * on_loosen &mdash; Sub loosen
 * on_lube &mdash; Player lube
 * on_fist &mdash; Sub fisted
 * on_tease &mdash; Player tease
 * on_sub_insert &mdash; Sub insert
 * on_sub_insert_failed &mdash; Sub refuses to insert
 * on_rimjob &mdash; Player gives rimjob
 * on_trib &mdash; Player tribs sub
 * on_tailjob &mdash; Player gives tailjob
 * on_scratch &mdash; Player scratch
 * on_titfuck &mdash; Player gives sub titfuck
 * on_titfuck_success &mdash; Titfuck effect success
 * on_sub_chastity &mdash; Chastity applied to sub


 * on_gestate &mdash; Player gestates infestation
 * on_infest_success &mdash; Sub accepts infestation
 * on_infest_failure &mdash; Sub refuses infestation
 * on_infest_start &mdash; Player physically transfers infestation
 * on_infest_trance &mdash; Infested sub entranced
 * on_infest_lust &mdash; Infested sub lust incr
 * on_infest_fear &mdash; Infested sub fear incr


 * on_question &mdash; Sub question
 * on_fap &mdash; Sub fap
 * on_grope &mdash; Sub grope
 * on_arouse_dom_first &mdash; Dom lust meter appears
 * on_dom_orgasm &mdash; Player orgasm
 * on_simultaneous_orgasm &mdash; On simultaneous orgasm
 * on_time_limit_hit &mdash; Time limit hit
 * on_seduce_shield &mdash; On seduce shield
 * on_sub_misfire &mdash; On sub spell misfire
 * on_first_illusion &mdash; On first illusion cast

Find out more:

 * CSS Basics
 * Introduction to Developer tools
 * The Chromium version in FC is v66, you can find out what it supports here