gecko-dev/layout/style/ua.css

/*
 * The contents of this file are subject to the Netscape Public License
 * Version 1.0 (the "NPL"); you may not use this file except in
 * compliance with the NPL.  You may obtain a copy of the NPL at
 * http://www.mozilla.org/NPL/
 *
 * Software distributed under the NPL is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the NPL
 * for the specific language governing rights and limitations under the
 * NPL.
 *
 * The Initial Developer of this code under the NPL is Netscape
 * Communications Corporation.  Portions created by Netscape are
 * Copyright (C) 1998 Netscape Communications Corporation.  All Rights
 * Reserved.
 */

// It's probably cheaper to have a single rule per tag than to have to
// merge rules

// XXX I'm starting to believe that this portion of the style sheet
// comes from the PresentationContext.

BODY {
  font-family: serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11pt;
  line-height: 1.1;
  background: rgb(255,255,255);
  color: black;
  padding: 8px;
  display: block;
  cursor: arrow;
}

// XXX Use this!
FRAMESET {
  font-family: serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: medium;
  background: rgb(192,192,192);
  color: black;
  display: block;
}
IFRAME {
  border: 1px solid black;
}

// XXX Used when PagePreview'ing
PAGE {
  background: white;
  border: black solid 1px;
  display: block;
}

//----------------------------------------------------------------------

// This part of the ua.css is junk taken from the css1 spec and used as
// a temporary style sheet.

UL, OL, DL { display: block; }
DT, DD { display: block; }
IMG { display: inline; }
SPACER { display: inline; }
WBR { display: inline; }

// Default list-style-type styles.
// The Navigator 3.0 rule is:
// Zeroth-level: small disc. (Needs to be handled by parser.)
// First level: disc
// second level: circle
// third and higher levels: square.
//
// These style rules assume that MENU and DIR have been mapped to UL.

UL {
  list-style-type: disc;
}

OL UL, UL UL  {
  list-style-type: circle;
}

UL UL, UL OL, OL UL, OL OL  {
  padding-left: 40px;	/* COMPATABILITY: nav4's value */
  margin-top: 0;	/* COMPATABILITY: nested lists !get auto margins */
  margin-bottom: 0;	/* COMPATABILITY: nested lists !get auto margins */
}

UL UL UL,  UL OL UL, OL UL UL,  OL OL UL {
  list-style-type: square;
}

OL {
  list-style-type: decimal;
}

LI {
  display: list-item;
  list-style-position: inside;
}

UL LI, OL LI {
  list-style-position: outside;
  padding-left: 40px;		/* nav4's value */
}

DT {
  margin-bottom: 0;
}
DD {
  margin-top: 0;
  margin-left: .25in;
}

A:link { color: blue; text-decoration: underline; cursor: hand; }
A:visited { color: purple; text-decoration: underline; cursor: hand; }
A:active { color: lime; text-decoration: underline; cursor: hand; }
A:out-of-date { color: red; text-decoration: underline; cursor: hand; }

A:link IMG { border: 2px solid blue; text-decoration: underline }
A:visited IMG { border: 2px solid purple; text-decoration: underline }
A:active IMG { border: 2px solid lime; text-decoration: underline }
A:out-of-date IMG { border: 2px solid red; text-decoration: underline }


//----------------------------------------------------------------------
// The real stuff

HR {
  display: block;
}

BR {
  display: inline;
  color: cyan;
}

INPUT {
  vertical-align: bottom;
	font-family: "HACK";
	font-size: 100pt;
}
SELECT {
  vertical-align: bottom;
	font-family: "Times New Roman";
	font-size: 10pt;
}
OPTION {
	font-family: "Times New Roman";
	font-size: 10pt;
}
TEXTAREA {
  vertical-align: bottom;
	font-family: "HACK";
	font-size: 100pt;
}

// Block tags
ADDRESS {
  display: block;
  font-style: italic;
}
BLOCKQUOTE {
  display: block;
  margin-left: .25in;
  margin-right: .25in;
}
CENTER {
  display: block;
  text-align: center;
}
DIV {
  display: block;
}
H1 {
  display: block;
  font-size: 22pt;
  font-weight: bold;
}
H2 {
  display: block;
  font-size: 16pt;
  font-weight: bold;
}
H3 {
  display: block;
  font-size: 13pt;
  font-weight: bold;
}
H4 {
  display: block;
  font-size: 12pt;
  font-weight: bold;
}
H5 {
  display: block;
  font-size: 9pt;
  font-weight: bold;
}
H6 {
  display: block;
  font-size: 8pt;
  font-weight: bold;
}
LAYER {
  display: block;
  position: absolute;
}
LISTING {
  display: block;
  font-family: monospace;
  font-size: small;
  white-space: pre;
}
NOBR {
  display: inline;
  white-space: nowrap; // XXX approximation?
}
P {
  display: block;
}
PLAINTEXT, XMP, PRE {
  display: block; // Note: need before and after breaks
  font-family: monospace;
  white-space: pre;
}

// Table tags
TABLE {
  display: table;
  border-style: outset;
  border-color: #C0C0C0;
  cell-spacing: 4px;
}
TD, TH {
  vertical-align: middle;
  text-align: left;
  border-style: inset;
  border-color: #C0C0C0;
  font-family: serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11pt;
  line-height: 1.1;
  display: table-cell;
  cursor: arrow;
}
TH {
  font-weight: bold;
  text-align: center;
}
CAPTION {
  text-align: center;
  display: table-caption;
}
TR { display: table-row;}
TBODY { display: table-row-group;    }
THEAD { display: table-header-group; }
TFOOT { display: table-footer-group; }
COL   { display: table-column;       }
COLGROUP { display: table-column-group;}

MULTICOL {
  display: block;
}

// Span tags
B, STRONG {
  display: inline;
  font-weight: bolder;
}
I, CITE, EM, VAR {
  display: inline;
  font-style: italic;
}
TT, CODE, KBD, SAMP {
  display: inline;
  font-family: monospace;
}
U {
  display: inline;
  text-decoration: underline;
}
S, STRIKE {
  display: inline;
  text-decoration: line-through;
}
BLINK {
  display: inline;
  text-decoration: blink;
}
BIG {
  display: inline;
  font-size: larger;
}
SMALL {
  display: inline;
  font-size: smaller;
}
ABBR, ACRONYM, DEL, DFN, INS, Q, SPAN {
  display: inline;
}
SUB {
  display: inline;
  vertical-align: sub;
  font-size: smaller;
}
SUP {
  display: inline;
  vertical-align: super;
  font-size: smaller;
}
ILAYER {
  position: absolute;
  display: inline;
}