Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Premade CSS themes for Harlowe?

I'm working on a game jam and this thing's going to need a lot of writing. I was hoping to find some premade CSS templates for Harlowe I could pop in to save time, but Google is failing me. Does anyone have an idea of where to start looking, or have any stylesheets I could modify for my own uses? I'm just looking to change fonts/colors/simple presentation elements

Comments

  • Off hand I can't think of any premade CSS templates for Harlowe but there are some tips.

    note: the values in the following CSS rules are the defaults from Harlowe.

    1. Use CSS on the html element to change global things like font and background/text colours:
    html {
    	font-family: Georgia, serif;
    	font-size: 100%;
    	background-color: transparent;
    	color: #000;
    }
    
    2. Use CSS on the tw-story element to change the layout-size and font-size of the story area:
    tw-story {
    	width: 60%;
    	margin: 5% auto;
    	font-size: 1.5em;
    	line-height: 1.5em;
    }
    
    3. To hide the sidebar:
    tw-sidebar {display: none;}
    
    4. To change the colour and looks of all links:
    tw-link, .enchantment-link {
    	color: #4169E1;
    	font-weight: bold;
    	text-decoration: none;
    }
    
  • Hey, thank you! This really helps a lot!
Sign In or Register to comment.