Cascading Style Sheets

<html>

<head>

<title>Title</title>

<link rel="stylesheet" type="text/css" href="http://www.oocities.org/marcusfx/css/default.css" />

</head>

<body>

...
/* http://www.oocities.org/marcusfx/css/xmas.css */
/* Jon's Christmas Theme */

/* CLASSES */

/* COLORS */
/* For documentation only */

.altbg		{
		color: #9C4649;
		}

.darkblue	{
		color: #0A246A;
		}

.darkice	{
		color: #66CCFF;
		}

.gold		{
		color: #CCFF00;
		}

.green		{
		color: #00FF00;
		}
	
.iceblue	{
		color: #CCFFFF;
		}

.red		{
		color: #FF0000;
		}

/* Web Safe Colors 00 33 66 99 CC FF */

/* End COLORS */


/* FONTS */
/* For documentation only */

.fixed		{
		font-family: monospace;
		}

.sans		{
		font-family: Tahoma, sans-serif;
		}

.serif		{
		font-family: Georgia, serif;
		}

/* End FONTS */


.author		{
		font-style: italic;
		}

p.banner	{
		text-align: center;
		}

/* For deemphasis */
/* In-line */
/* Also see p.note */
.deem		{
		font-family: Tahoma, sans-serif;
		font-size: smaller;
		}

/* Reverse video */
.highlight	{
		background-color: #CCFFFF;
		color: #9C4649;
		}

/* For navigation links */
p.nav		{
		font-family: Tahoma, sans-serif;
		text-align: right;
		}

/* For stuff you want to include anyway but probably shouldn't */
/* For demphasis */
/* Also see .deem */
p.note		{
		font-family: Tahoma, sans-serif;
		font-size: smaller;
		}

/* For names of books, movies, video games, files, etc. */
/* Same as CITE - deprecated */
.proper		{
		font-style: normal;
		text-decoration: underline;
		}

/* Same as Q - NOT deprecated */
/* In-line */
/* Also see BLOCKQUOTE */
.quote		{
		}

/* For term, or something that can be defined */
/* Same as DFN - deprecated */
.term		{
		color: #CCFF00;
		font-style: normal;
		}

/* For go to [ Top ] of page link */
p.top		{
		font-family: Tahoma, sans-serif;
		font-size: smaller;
		text-align: center;
		}

/*	Because you don't want to rewrite a whole section or page.
	Basically new stuff since the page was initially written that
	you want to distinguish accordingly, but without killing the
	flow of the original text.					*/
p.update	{
		color: #CCFF00;
		}

/* For warnings */
.warning	{
		color: #FF0000;
		text-transform: uppercase;
		}

/* End CLASSES */



/* ID's */

div#address	{
		font-family: Tahoma, sans-serif;
		font-size: smaller;
		}

img#anybrowser	{
		border: 0;
		float: right;
		height: 31px;
		width: 88px;
		}

img#hunger	{
		border: 0;
		height: 60px;
		width: 468px;
		}

img#netbsd	{
		border: 0;
		height: 60px;
		width: 468px;
		}

/* This causes confusion. */
div#menu	{
		}	

/* End ID's */



/* Everything else */

a		{
		text-decoration: none;
		}
a:active	{
		color: #CCFF00;
		}
a:hover		{
		background-color: #0A246A;
		}
a:link		{
		color: #00FF00;
		}
a:visited	{
		color: #66CCFF;
		}

/*	If the short form is a pronounceable word (e.g. NATO), the
	ACRONYM element should be used instead of ABBR (e.g. U.N.,
	lbs., SQL, URL).						*/
abbr		{
		}

acronym		{
		}

address		{
		}

/* Limit use */
/* Do not modify */
b		{
		font-weight: bold;
		}

/* Limit use */
/* Do not modify */
big		{
		font-size: larger;
		}

/* Also see .quote and Q */
blockquote	{
		}

body		{
		background-attachment: fixed;
		background-color: #9C4649;
		background-image: url(../images/xmas.jpg);
		background-repeat: repeat;
		color: #CCFFFF;
		font-family: Tahoma, sans-serif;
		}

caption		{
		}

/* 'for titles of books, films, etc.' */
cite		{
		font-style: normal;
		text-decoration: underline;
		}

code		{
		}

/* For multiple lines of CODE */
pre code	{
		}

dd     		{
        	font-family: Georgia, serif;
        	}

/* Do not modify */
del, strike, s	{
		text-decoration: line-through;
		}

dt		{
		font-weight: bold;
		}

/* 'for a word being defined' */
/* 'denotes the defining instance of a term' */
/* 'to introduce a new phrase to the reader' */
/* One time use */
dfn		{
		color: #CCFF00;
		font-style: normal;
		}

/* For EMphasis */
em		{
		font-style: italic;
		}

h1, h3, h5	{
		text-align: center;
		}
h2, h4, h6	{
		text-align: left;
		}

hr		{
		background-image: url(../images/barholly.gif);
		border: 0;
		height: 24px;
		margin-bottom: .5em;
		margin-top: .5em;
		width: 540px;
		}

/* Used in conjunction with DEL */
ins		{
		text-decoration: underline;
		}

/* Limit use */
/* Do not modify */
i		{
		font-style: italic;
		}

/* 'denotes text to be entered by the user' */
kbd		{
		}

p		{
		font-family: Georgia, serif;
		}

pre		{
		font-family: monospace;
		}

/* Same as .quote */
/* In-line */
/* Also see BLOCKQUOTE */
q		{
		}

/* 'denotes sample output, such as from a program or script' */
samp		{
		}

/* Limit use */
/* Do not modify */
small		{
        	font-size: smaller;
        	}

/* For STRONG emphasis */
strong		{
		font-weight: bold;
		}

/* Limit use */
/* Also see PRE */
tt		{
		font-family: monospace;
		}

/* Limit use */
/* Do not modify */
u		{
		text-decoration: underline;
		}

ul li		{
		list-style-image: url(../images/flake.gif);
		}

/* 'used to markup variables or program arguments' */
var		{
		}