RF-Foxish stylesheet

RF-Foxish is a quick, visually simple stylesheet. It is designed for situations where you are more interested in the information first, and making it look "acceptable" second. It can be applied to a minimal structured HTML document with very few modifications. The name RF-Foxish originally came from its imitation of Firefox's about: page.

Download

rf-foxish.css - version 20141003, 3,086 bytes
rf-foxish.min.css - version 20141003, 1,789 bytes

Usage

At the very least, only one style-specific change is needed to the source HTML document. The page content must be placed inside <div id="pagecontainer"></div>. Below is a sample HTML5 structure. You can also view the source to this page to get a feel for how it's laid out.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
  <title>Sample document</title>
  <link rel="stylesheet" href="rf-foxish.css" type="text/css"/>
</head>
<body>
<div id="pagecontainer">
<h1>Sample document</h1>
</div>
</html>

Additionally, a "pagefooter" id is available for use outside of "pagecontainer".

Links are blue for unvisited, or purple for visited.

Tables may either be unstyled (to browser default, no borders these days), or with a simple border/color scheme with the "prettytable" class:

John Bigbooté

Yoyodyne Propulsion Systems
Quarter	Sales	Top salesman
Q1	$2,160,300	John Smallberries
Q2	$2,211,100	John Whorfin
Q3	$2,302,000	John Bigbooté
Q4	$3,082,400	John Yaya

Divs can be set up with "leftimg", "rightimg" or "centerimg" classes. Images within these divs will have some margins around them, and a 1px border 1px away from the image. Right and left versions will be floated. This is done inside a div to allow for captions. A simple "clear" class will clear: both. Normal images will not have a border, even as part of links.

A green terminal emulation style is available for both <code/> and <pre/> content. It can either be inline, or as a block:

user@alice:~$ 2ping test.2ping.net
2PING test.2ping.net (209.177.154.210): 64 to 512 bytes of data.
Lost outbound packet to 209.177.154.210: ping_seq=1
64 bytes from 209.177.154.210: ping_seq=2 time=10.557 ms
Lost inbound packet from 209.177.154.210: ping_seq=3
64 bytes from 209.177.154.210: ping_seq=4 time=10.527 ms
^C
--- test.2ping.net 2ping statistics ---
4 pings transmitted, 2 received, 50% ping loss, time 4008ms
1 outbound ping losses (25%), 1 inbound (25%), 0 undetermined (0%)
rtt min/avg/max = 10.527/10.542/10.557 ms
6 raw packets transmitted, 3 received
user@alice:~$ █

License

RF-Foxish is licensed under the GNU General Public License v2.0.

RF-Foxish, a CSS stylesheet
Copyright (C) 2014 Ryan Finnie

This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.