You can use different style sheets for this wiki. If you would like to add more colors or use fancy fonts, pick another style sheet and use it. We’re also interested in finding more style sheets, so there are links to CSS sources as well for you to study and adapt – and share. :)
By default, we’re using a bootstrap theme. In order to use a different style sheet, you just need to switch off bootstrap and provide a new CSS file.
Turn bootrap back on with this link or append ?boostrap=1 to most URLs
Style Sheets
You can change the theme used for this wiki using one of the following links:
- Classic CSS with the old theme before May 2013 (use it)
- Same CSS with more whitespace around headers and small-caps theme (use it)
- Same CSS with big fonts theme: 14/16 Lucida Bright (use it)
- Same CSS with medium fonts theme: 12/14 Lucida Bright (use it)
- Same CSS with small fonts theme: 10/11 and your default font (use it)
- Same CSS with tiny fonts theme: 8/9 and your default font (use it)
- Vanilla: A skin with very little visual distraction. (use it)
- Lots More Text: Like More Text but uses a much smaller font, maximizing text on a page. Excellent for looking at code. (use it)
- Lucida Grande: Similar to the default site but with a crisp, clean Lucida Grande font. (use it)
- Community Wiki with sidebar Minus The Sidebar: This is a nice compact skin but doesn’t use the entire page width. (use it)
- Green: Similar to the default skin but text is green on a green background. (use it)
- Grey: Modern, black-on-grey skin. (use it)
- Hug (use it)
- Orange (use it)
- Paper (use it)
- Presentation (use it)
- Ruby (use it)
- Space (use it)
- Useit (use it)
- Default CSS from NicFerrier, with sans-serif font and no line or letter spacing (use it)
- Basic CSS for people that have tweaked their user CSS and only want the most basic style sheet (use it)
- Planet CSS using Bitstream Vera Sans Mono (use it)
- Oddmuse CSS (use it)
- Oddmuse blue headings CSS (use it)
- Blue Heading + Small Font (use it) – I changed the address, it’s now hosted on my own server instead of my ISP, should be more reliable, apologies for the incovenience. – LucasBonnet. The address changed again, now hosted on the wiki, my DSL doesn’t like Summer. – LucasBonnet
- Beige Red CSS Beige background, large text, looks like (to me) an old newspaper. Not recommended for viewing code. (use it)
- Compact Antique Beige[: Like Antique Beige but less whitespace. Not recommended for viewing code. ([EmacsWiki:action=browse;bootstrap=0;id=CSS;css=/css/beige-red-test.css use it)
- Beige + Small Font CSS (use it)
- Blue more text: Similar to the default skin but with less whitespace so more fits on one page. * [http://rincevent.net/~lucas/sites/lukhas/style/wiki_blue.css Blue + Small Font CSS (use it) Another color. I can’t live without Blue :)
- Grey and Red (use it)
- Green CSS (use it)
- Beige CSS Larger font with earth tones. (use it)
- Grey CSS by “mad” of the czlug (use it)
- Paper CSS (use it) – This is a CSS that might be useful when using a wiki to prepare papers. It is useless for day-to-day browsing, in my not-so-humble opinion.
- Stylesheets of JuhapekkaTolvanen combined with the Default CSS (If you really adopt some of these stylesheets, it would be nice to hear about it! Other comment are welcome, too!):
- Orange of http://de.veganwiki.org (use it)
- A white and blue stylesheet that tries to keep page widths to around 70 to 80 characters, and flags up external links with a small image. (use it)
- white on blue and cyan links– discovered on EarleMartin?’s site after reading about his Mu License and adapted for Oddmuse by AlexSchroeder. (use it)
- Same thing, but 100ex wide (use it)
- Designed in California – It was inspired by all these sites featuring software for Mac OSX. Strange how so many of these sites seem to be inspired by the Apple website. I basically looked at the Onlife site style sheet for font family and size, some basic whitespace distribution, and added the rest to make it all work for Oddmuse. (use it)
- Pink Bliss – Inspired by the ColorTheme PinkBliss (use it)
- twb's favorite CSS – (use it)
- AmitPatel's CSS – default theme with more orange – (use it)
- Wikipedia – inspired by all those that want the Emacs Wiki to look like Wikipedia because they think that somehow transfers their moderators and thousands of volunteer editors to this site – (use it)
Additions to the list welcome!
Experimenting with your own CSS
Easy: In your browser’s address field, type http://www.emacswiki.org/cgi-bin/wiki?action=browse;bootstrap=0;id=CSS;css=http://your.style.sheet/here.css
or for a local stylesheet on your filesystem users running a Web server locally can run something like:
http://www.emacswiki.org/cgi-bin/wiki?action=browse;bootstrap=0;id=CSS;css=http://localhost/~username/emacswiki.css
Using the local filesystem might not work (depending on your browser and the MIME type used for CSS files):
http://www.emacswiki.org/cgi-bin/wiki?action=browse;bootstrap=0;id=CSS;css=file:///home/username/.mozilla/emacswiki.css
To reset, use http://www.emacswiki.org/cgi-bin/wiki?action=browse;bootstrap=1;id=CSS;css=
See also EmacsWikiAppearance.
Technical Background
- You can only supply parameters when you are using CGI parameters (and not keywords).
- If you mean to use a CSS file on the same server, you can use a relative URL. This only works for CSS files installed on www.emacswiki.org, of course. That’s why some of the URLs above use …;css=/foo/bar.css.
- You can use several style sheets and combine them. In order to do that, you must separate them with an URL-encoded space (”%20”): …;css=/foo/bar.css%20/baz/quux.css.
- Once you visit an URL that specifies the css parameter, the script will store it in your cookie, and tell your browser to use the CSS you provided when visiting the wiki.
- To reset it, use an empty CSS parameter: …;css=
- Note that after a CSS switch, you might still get stale pages from the cache. Force page reloads using the features your browser provides, eg. by pressing Shift while hitting the reload button.
Thus, if you want to use your own CSS for this wiki, upload it to the web somewhere, and use the URL-hacking described above.
If you want to know what CSS classes you can use, see the Oddmuse:Cascading Style Sheet.