Free CSS Templates

wolfhound

Hmm. Sounds like the Javascript has gone wonky. Since I didn't design those two I'm gonna have to do guessing.

What if you set the .dynamic_sheet_html_template {margin-top:-11px;margin-left:-11px;color:black;font:black;}

That is the class that's after the javascript ... not that it should matter, but I'm curious.

Also what browser are you editing with? I wasn't getting any issues with my tests using Chrome.

Keryth987

I'm using Firefox. I'll give your suggestion a try and see what happens

Keelah Se'lai,
Keryth
"Shadows Over New York":http://www.obsidianportal.com/campaigns/shadows-over-new-york
"Campaign of the Month - July 2013":http://blog.obsidianportal.com/shadows-over-new-york-julys-campaign-of-the-month/

xxxRocketxxx

I am trying to get the font to work. I have added it. Not sure how to use it though. Had thought the CSS would apply it for me.

Basileus

Baja,

I'm guessing you added Google fonts? Are you using different ones than the default(s) for whichever template you chose? If so, you need to change the references to it in the CSS - easiest way is probably to do a search and replace on the old font name with the new one.

If you are using the same ones in the template, and have left all the references intact, it should work out of the box with any of the above templates.

wolfhound

3 things have to match exactly

The name in Google Fonts, has to match the text placed in the Google Fonts option on your campaign settings, has to match the information in quotes for the font-family in CSS.

1) So if using Innkeeper's ledger, the Google font is Jim Nightshade "http://www.google.com/fonts/specimen/Jim+Nightshade":http://www.google.com/fonts/specimen/Jim+Nightshade

2) In your Campaign's Edit Settings -> Google Web Fonts -> Add a Font you have to type/cut n paste Jim Nightshade into the box

3) In the CSS you have to make sure the value is as follows: font-family:'Jim Nightshade';

If you change to a different Google Font, you have to do a find/replace on #3

ps - If you cut and paste from this forum, replace the quotation marks/single quotes with ones you type in manually or it'll fail

xxxRocketxxx

My mistake had been way simpler. I had figured it out and forgot to post.

I had actually added the font to my browser settings, rather than the games. Just too drunk.

PurpleSteve

Figured I'd add another template for folks to use, the campaign has since moved on to a new page (still in progress) and it's a shame to see it go to waste (though I must have gone back and re-read the adventure logs a dozen times. Gotta love having prolific writers as players :)).

It was originally used for Shadowrun, and would probably fit a fair few sci-fi/cyberpunk universes. This was the first time I'd played with CSS, so it's not perfect: the background image for posts might need changing, and there might be a few stray styles I missed while I was playing around with it, but I hope someone can find a home for it.

Have a browse of the page "here":http://www.obsidianportal.com/campaigns/fifteen-minutes
The CSS can be found "here":http://www.obsidianportal.com/campaign/fifteen-minutes/wikis/css

Edit: Completely forgot to give some props to Wolfhound for starting this the great templates you've uploaded, and to Basileus for that beautiful iGlass template. Nice work guys :)

wolfhound

Just FYI - with the new Kickstarter changes, it may be a while before I can get around to updating these (the ones that are mine anyway)

Basileus

I updated the "iGlass":https://outremer.obsidianportal.com/wikis/iglass template with a post-Reforge version. It of course is wildly different than the Preforge version, but I tried to preserve the general aesthetic (simple presentation, plenty of transparency, glow, and gradient).

Apologies to anyone who tried to use it in the meantime, and thanks to Daydreaming for bringing it to my attention that the legacy code was still up there.