WebCore/css/html4.css - WebKit - Git at Google

 /*
  * The default style sheet used to render HTML.
  *
  * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
  * Copyright (C) 2003, 2004, 2005, 2006 Apple Computer, Inc.
  *
  * This library is free software; you can redistribute it and/or
  * modify it under the terms of the GNU Library General Public
  * License as published by the Free Software Foundation; either
  * version 2 of the License, or (at your option) any later version.
  *
  * This library 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
  * Library General Public License for more details.
  *
  * You should have received a copy of the GNU Library General Public License
  * along with this library; see the file COPYING.LIB.  If not, write to
  * the Free Software Foundation, Inc., 59 Temple Place - Suite 330,
  * Boston, MA 02111-1307, USA.
  *
  */

 @namespace "http://www.w3.org/1999/xhtml";

 html {
     display: block
 }

 /* children of the <head> element all have display:none */
 head {
     display: none
 }

 meta {
     display: none
 }

 title {
     display: none
 }

 link {
     display: none
 }

 style {
     display: none
 }

 script {
     display: none
 }

 /* generic block-level elements */

 body {
     display: block;
     margin: 8px
 }

 p {
     display: block;
     margin: 1.0__qem 0px
 }

 div {
     display: block
 }

 layer {
     display: block
 }

 marquee {
     display: inline-block;
     overflow: -webkit-marquee
 }

 address {
     display: block
 }

 blockquote {
     display: block;
     margin: 1__qem 40px 1em 40px
 }

 q {
     display: inline
 }

 q:before {
     content: '"'
     /* FIXME: content: open-quote; */
 }

 q:after {
     content: '"'
     /* FIXME: content: close-quote; */
 }

 center {
     display: block;
     /* special centering to be able to emulate the html4/netscape behaviour */
     text-align: -webkit-center
 }

 hr {
     display: block;
     margin: 0.5em auto;
     border-style: inset;
     border-width: 1px
 }

 map {
     display: inline
 }

 /* heading elements */

 h1 {
     display: block;
     font-size: 2em;
     margin: .67__qem 0 .67em 0;
     font-weight: bold
 }

 h2 {
     display: block;
     font-size: 1.5em;
     margin: .83__qem 0 .83em 0;
     font-weight: bold
 }

 h3 {
     display: block;
     font-size: 1.17em;
     margin: 1__qem 0 1em 0;
     font-weight: bold
 }

 h4 {
     display: block;
     margin: 1.33__qem 0 1.33em 0;
     font-weight: bold
 }

 h5 {
     display: block;
     font-size: .83em;
     margin: 1.67__qem 0 1.67em 0;
     font-weight: bold
 }

 h6 {
     display: block;
     font-size: .67em;
     margin: 2.33__qem 0 2.33em 0;
     font-weight: bold
 }

 /* tables */

 table {
     display: table;
     border-collapse: separate;
     text-align: -webkit-auto;
     border-spacing: 2px;
     border-color: gray
 }

 table[align="center"] {
     margin-left: auto;
     margin-right: auto
 }

 thead {
     display: table-header-group;
     vertical-align: middle;
     border-color: inherit
 }

 tbody {
     display: table-row-group;
     vertical-align: middle;
     border-color: inherit
 }

 tfoot {
     display: table-footer-group;
     vertical-align: middle;
     border-color: inherit
 }

 col {
     display: table-column
 }

 colgroup {
     display: table-column-group
 }

 tr {
     display: table-row;
     vertical-align: inherit;
     border-color: inherit
 }

 td, th {
     display: table-cell;
     vertical-align: inherit
 }

 th {
     font-weight: bold
 }

 caption {
     display: table-caption;
     text-align: -webkit-center
 }

 /* lists */

 ul, menu, dir {
     display: block;
     list-style-type: disc;
     margin: 1__qem 0 1em 0;
     -webkit-padding-start: 40px
 }

 ol {
     display: block;
     list-style-type: decimal;
     margin: 1__qem 0 1em 0;
     -webkit-padding-start: 40px
 }

 li {
     display: list-item
 }

 ul ul, ol ul {
     list-style-type: circle
 }

 ol ol ul, ol ul ul, ul ol ul, ul ul ul {
     list-style-type: square
 }

 dd {
     display: block;
     -webkit-margin-start: 40px
 }

 dl {
     display: block;
     margin: 1__qem 0 1em 0
 }

 dt {
     display: block
 }

 ol ul, ul ol, ul ul, ol ol {
     margin-top: 0;
     margin-bottom: 0
 }

 /* form elements */

 form {
     display: block;
     margin: 0__qem 0 1em 0
 }

 legend {
     display: block;
     padding-left: 2px;
     padding-right: 2px;
     border: none
 }

 fieldset {
     display: block;
     margin-left: 2px;
     margin-right: 2px;
     padding: 0.35em 0.75em 0.625em;
     border: 2px groove ThreeDFace
 }

 button {
     -webkit-appearance: button;
 }

 /* If we add support for CSS2 system fonts, then we won't have to hard code Lucida Grande here. */
 input, textarea, select, button {
     margin: 0__qem;
     font: 11px 'Lucida Grande';
     color: initial;
     text-align: -webkit-auto;
     letter-spacing: normal;
     word-spacing: normal;
     line-height: normal;
     text-transform: none;
     text-indent: 0;
     display: inline-block;
 }

 input[type="hidden"] {
     display: none
 }

 input {
     -webkit-appearance: textfield;
     padding: 1px;
     background-color: white;
     border: 2px inset;
     -webkit-rtl-ordering: logical;
     -webkit-user-select: text;
 }

 textarea {
 //  FIXME: Uncomment these when we flip the switch for the new textarea implementation
 //  -webkit-appearance: textarea;
 //   background-color: white;
     border: solid #999999 1px;
     border-top-color: #737373;
     -webkit-rtl-ordering: logical;
     -webkit-user-select: text;
     -webkit-box-orient: vertical;
     resize: both;
 }

 input[type="password"], input[type="search"], input[type="hidden"], input[type="image"], input[type="file"] {
     -webkit-appearance: initial;
     padding: initial;
     background-color: initial;
     border: initial;
 }

 input:-webkit-autofill {
     background-color: #FAFFBD !important;
     background-image:none !important;
 }

 input[type="radio"], input[type="checkbox"] {
     margin: 3px 0.5ex;
     -webkit-user-select: ignore
     padding: initial;
     background-color: initial;
     border: initial;
 }

 input[type="button"], input[type="submit"], input[type="reset"]
 {
     -webkit-appearance: push-button;
     white-space: pre
 }

 input[type="button"], input[type="submit"], input[type="reset"], button {
     -webkit-box-align: center;
     text-align: center;
     cursor: default;
     color: ButtonText;
     padding: 2px 6px 3px 6px;
     border: 2px outset ButtonFace;
     background-color: ButtonFace;
     box-sizing: border-box
 }

 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled {
     color: GrayText
 }

 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active {
     border-style: inset
 }

 input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, button:active:disabled {
     border-style: outset
 }

 select, button, input[type="button"], input[type="image"], input[type="submit"], input[type="reset"], img {
     -webkit-user-select: ignore
 }

 option, optgroup, area, param {
     display: none
 }

 input[type="checkbox"] {
     -webkit-appearance: checkbox;
     box-sizing: border-box;
 }

 input[type="radio"] {
     -webkit-appearance: radio;
     box-sizing: border-box;
 }

 select {
     box-sizing: border-box;
 }

 /* inline elements */

 u, ins {
     text-decoration: underline
 }

 strong, b {
     font-weight: bolder
 }

 i, cite, em, var, address {
     font-style: italic
 }

 tt, code, kbd, samp {
     font-family: monospace
 }

 pre, xmp, plaintext, listing {
     display: block;
     font-family: monospace;
     white-space: pre;
     margin: 1__qem 0
 }

 big {
     font-size: larger
 }

 small {
     font-size: smaller
 }

 s, strike, del {
     text-decoration: line-through
 }

 sub {
     vertical-align: sub;
     font-size: smaller
 }

 sup {
     vertical-align: super;
     font-size: smaller
 }

 nobr {
     white-space: nowrap
 }

 wbr {
     white-space: normal
 }

 /* states */

 :focus {
     outline: auto 5px -webkit-focus-ring-color
 }

 html:focus, body:focus {
     outline: none
 }

 html:focus, body:focus {
     outline: none
 }

 input:focus, textarea:focus {
     outline-offset: -2px
 }

 input[type="button"]:focus,
 input[type="checkbox"]:focus,
 input[type="file"]:focus,
 input[type="hidden"]:focus,
 input[type="image"]:focus,
 input[type="password"]:focus,
 input[type="radio"]:focus,
 input[type="reset"]:focus,
 input[type="search"]:focus,
 input[type="submit"]:focus {
     outline-offset: 0
 }

 a:-webkit-any-link {
     color: -webkit-link;
     text-decoration: underline;
     -webkit-user-select: ignore
 }

 a:-webkit-any-link:active {
     color: -webkit-activelink
 }

 /* other elements */

 noframes {
     display: none
 }

 frameset, frame {
     display: block
 }

 /* noscript is handled internally, as it depends on settings */
	/*
	* The default style sheet used to render HTML.
	*
	* Copyright (C) 2000 Lars Knoll (knoll@kde.org)
	* Copyright (C) 2003, 2004, 2005, 2006 Apple Computer, Inc.
	*
	* This library is free software; you can redistribute it and/or
	* modify it under the terms of the GNU Library General Public
	* License as published by the Free Software Foundation; either
	* version 2 of the License, or (at your option) any later version.
	*
	* This library 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
	* Library General Public License for more details.
	*
	* You should have received a copy of the GNU Library General Public License
	* along with this library; see the file COPYING.LIB. If not, write to
	* the Free Software Foundation, Inc., 59 Temple Place - Suite 330,
	* Boston, MA 02111-1307, USA.
	*
	*/

	@namespace "http://www.w3.org/1999/xhtml";

	html {
	display: block
	}

	/* children of the <head> element all have display:none */
	head {
	display: none
	}

	meta {
	display: none
	}

	title {
	display: none
	}

	link {
	display: none
	}

	style {
	display: none
	}

	script {
	display: none
	}

	/* generic block-level elements */

	body {
	display: block;
	margin: 8px
	}

	p {
	display: block;
	margin: 1.0__qem 0px
	}

	div {
	display: block
	}

	layer {
	display: block
	}

	marquee {
	display: inline-block;
	overflow: -webkit-marquee
	}

	address {
	display: block
	}

	blockquote {
	display: block;
	margin: 1__qem 40px 1em 40px
	}

	q {
	display: inline
	}

	q:before {
	content: '"'
	/* FIXME: content: open-quote; */
	}

	q:after {
	content: '"'
	/* FIXME: content: close-quote; */
	}

	center {
	display: block;
	/* special centering to be able to emulate the html4/netscape behaviour */
	text-align: -webkit-center
	}

	hr {
	display: block;
	margin: 0.5em auto;
	border-style: inset;
	border-width: 1px
	}

	map {
	display: inline
	}

	/* heading elements */

	h1 {
	display: block;
	font-size: 2em;
	margin: .67__qem 0 .67em 0;
	font-weight: bold
	}

	h2 {
	display: block;
	font-size: 1.5em;
	margin: .83__qem 0 .83em 0;
	font-weight: bold
	}

	h3 {
	display: block;
	font-size: 1.17em;
	margin: 1__qem 0 1em 0;
	font-weight: bold
	}

	h4 {
	display: block;
	margin: 1.33__qem 0 1.33em 0;
	font-weight: bold
	}

	h5 {
	display: block;
	font-size: .83em;
	margin: 1.67__qem 0 1.67em 0;
	font-weight: bold
	}

	h6 {
	display: block;
	font-size: .67em;
	margin: 2.33__qem 0 2.33em 0;
	font-weight: bold
	}

	/* tables */

	table {
	display: table;
	border-collapse: separate;
	text-align: -webkit-auto;
	border-spacing: 2px;
	border-color: gray
	}

	table[align="center"] {
	margin-left: auto;
	margin-right: auto
	}

	thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit
	}

	tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit
	}

	tfoot {
	display: table-footer-group;
	vertical-align: middle;
	border-color: inherit
	}

	col {
	display: table-column
	}

	colgroup {
	display: table-column-group
	}

	tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit
	}

	td, th {
	display: table-cell;
	vertical-align: inherit
	}

	th {
	font-weight: bold
	}

	caption {
	display: table-caption;
	text-align: -webkit-center
	}

	/* lists */

	ul, menu, dir {
	display: block;
	list-style-type: disc;
	margin: 1__qem 0 1em 0;
	-webkit-padding-start: 40px
	}

	ol {
	display: block;
	list-style-type: decimal;
	margin: 1__qem 0 1em 0;
	-webkit-padding-start: 40px
	}

	li {
	display: list-item
	}

	ul ul, ol ul {
	list-style-type: circle
	}

	ol ol ul, ol ul ul, ul ol ul, ul ul ul {
	list-style-type: square
	}

	dd {
	display: block;
	-webkit-margin-start: 40px
	}

	dl {
	display: block;
	margin: 1__qem 0 1em 0
	}

	dt {
	display: block
	}

	ol ul, ul ol, ul ul, ol ol {
	margin-top: 0;
	margin-bottom: 0
	}

	/* form elements */

	form {
	display: block;
	margin: 0__qem 0 1em 0
	}

	legend {
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	border: none
	}

	fieldset {
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0.35em 0.75em 0.625em;
	border: 2px groove ThreeDFace
	}

	button {
	-webkit-appearance: button;
	}

	/* If we add support for CSS2 system fonts, then we won't have to hard code Lucida Grande here. */
	input, textarea, select, button {
	margin: 0__qem;
	font: 11px 'Lucida Grande';
	color: initial;
	text-align: -webkit-auto;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: normal;
	text-transform: none;
	text-indent: 0;
	display: inline-block;
	}

	input[type="hidden"] {
	display: none
	}

	input {
	-webkit-appearance: textfield;
	padding: 1px;
	background-color: white;
	border: 2px inset;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	}

	textarea {
	// FIXME: Uncomment these when we flip the switch for the new textarea implementation
	// -webkit-appearance: textarea;
	// background-color: white;
	border: solid #999999 1px;
	border-top-color: #737373;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	-webkit-box-orient: vertical;
	resize: both;
	}

	input[type="password"], input[type="search"], input[type="hidden"], input[type="image"], input[type="file"] {
	-webkit-appearance: initial;
	padding: initial;
	background-color: initial;
	border: initial;
	}

	input:-webkit-autofill {
	background-color: #FAFFBD !important;
	background-image:none !important;
	}

	input[type="radio"], input[type="checkbox"] {
	margin: 3px 0.5ex;
	-webkit-user-select: ignore
	padding: initial;
	background-color: initial;
	border: initial;
	}

	input[type="button"], input[type="submit"], input[type="reset"]
	{
	-webkit-appearance: push-button;
	white-space: pre
	}

	input[type="button"], input[type="submit"], input[type="reset"], button {
	-webkit-box-align: center;
	text-align: center;
	cursor: default;
	color: ButtonText;
	padding: 2px 6px 3px 6px;
	border: 2px outset ButtonFace;
	background-color: ButtonFace;
	box-sizing: border-box
	}

	input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled {
	color: GrayText
	}

	input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active {
	border-style: inset
	}

	input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, button:active:disabled {
	border-style: outset
	}

	select, button, input[type="button"], input[type="image"], input[type="submit"], input[type="reset"], img {
	-webkit-user-select: ignore
	}

	option, optgroup, area, param {
	display: none
	}

	input[type="checkbox"] {
	-webkit-appearance: checkbox;
	box-sizing: border-box;
	}

	input[type="radio"] {
	-webkit-appearance: radio;
	box-sizing: border-box;
	}

	select {
	box-sizing: border-box;
	}

	/* inline elements */

	u, ins {
	text-decoration: underline
	}

	strong, b {
	font-weight: bolder
	}

	i, cite, em, var, address {
	font-style: italic
	}

	tt, code, kbd, samp {
	font-family: monospace
	}

	pre, xmp, plaintext, listing {
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1__qem 0
	}

	big {
	font-size: larger
	}

	small {
	font-size: smaller
	}

	s, strike, del {
	text-decoration: line-through
	}

	sub {
	vertical-align: sub;
	font-size: smaller
	}

	sup {
	vertical-align: super;
	font-size: smaller
	}

	nobr {
	white-space: nowrap
	}

	wbr {
	white-space: normal
	}

	/* states */

	:focus {
	outline: auto 5px -webkit-focus-ring-color
	}

	html:focus, body:focus {
	outline: none
	}

	html:focus, body:focus {
	outline: none
	}

	input:focus, textarea:focus {
	outline-offset: -2px
	}

	input[type="button"]:focus,
	input[type="checkbox"]:focus,
	input[type="file"]:focus,
	input[type="hidden"]:focus,
	input[type="image"]:focus,
	input[type="password"]:focus,
	input[type="radio"]:focus,
	input[type="reset"]:focus,
	input[type="search"]:focus,
	input[type="submit"]:focus {
	outline-offset: 0
	}

	a:-webkit-any-link {
	color: -webkit-link;
	text-decoration: underline;
	-webkit-user-select: ignore
	}

	a:-webkit-any-link:active {
	color: -webkit-activelink
	}

	/* other elements */

	noframes {
	display: none
	}

	frameset, frame {
	display: block
	}

	/* noscript is handled internally, as it depends on settings */