Styles sheets optimisation (for Safari)

Please note that selectors in the table below may be grouped differently than in the original UA’s styles sheet.

Custom Views

Because this is a large table, I am using :target to show sections. Unfortunately, this will collapse the whole table whenever following a link to the footnotes. You’ll have to hit the back button 🙁

General Views

Group views

mark , del and ins

The Cascade

Styles sheets are listed from left to right. This matches the sequence from which they are are imported.

  webkit html.css YUI reset.css (859 bytes) YUI base.css (761 bytes) YUI font.css (437 bytes) YUI combo.css(1,680 bytes) YUI "optimized.css" (839 bytes) Custom version starter file (761 bytes)
html display:block;
  • color:#000;
  • background:#FFF;
   
  • color:#000;
  • background:#FFF;
 
font:62.5%/1.3 sans-serif;
chilren of the <head>
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;
  • margin:0;
  • padding:0;
 
  • font:13px/1.231 arial,helvetica,clean,sans-serif;
  • *font-size:small;
  • *font:x-small;
  • font:13px/1.231 arial,helvetica,clean,sans-serif;
  • *font-size:small;
  • *font:x-small;
  • margin:0;
  • padding:0;
  • font:13px/1.231 sans-serif;
  • margin:0;
  • margin:0;
  • font-size:1.3rem;
p
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • margin:0;
  • padding:0;
margin-bottom:1em;  
  • margin:0 0 1em 0 ;
  • padding:0;
margin-top:0;
  • margin-top:.8em;
  • margin-bottom:.8em;
div display:block;
  • margin:0;
  • padding:0;
   
  • margin:0;
  • padding:0;
   
layer display:block;            
article,
aside,
footer,
header,
hgroup,
nav,
section
display:block;            
marquee
  • display:inline-block;
  • overflow:-webkit-marquee;
           
address display:block;            
blockquote
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:40px;
  • -webkit-margin-end:40px;
  • margin:0;
  • padding:0;
margin:1em;
 
  • margin: 1em 1em 1em 1em;
  • padding:0;
  • margin-left:1em;
  • margin-right:1em;
  • margin-top:.8em;
  • margin-bottom:.8em;
  • margin-left:30px;
  • margin-right:30px;
figcaption display:block;            
figure
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:40px;
  • -webkit-margin-end:40px;
       
  • margin-left:1em;
  • margin-right:1em;
  • margin-top:.8em;
  • margin-bottom:.8em;
  • margin-left:30px;
  • margin-right:30px;
q display:inline;            
q:before
content:open-quote;
content:”;    
content:”;
content:”;
q:after
content:close-quote;
content:”;    
content:”;
content:”;
center
  • display:block;
  • text-align:-webkit-center;
           
hr
  • display:block;
  • -webkit-margin-before:.5em;
  • -webkit-margin-after:.5em;
  • -webkit-margin-start:auto;
  • -webkit-margin-end:auto;
  • border-style:inset;
  • border-width:1px;
           
map display:inline;            
heading elements
h1
  • display:block;
  • font-size:2em;
  • -webkit-margin-before:.67em;
  • -webkit-margin-after:.67em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
  • font-size:138.5%;
  • margin:1em 0;
  • font-weight:bold;
 
  • font-size:138.5%;
  • margin:1em 0 1em 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:138.5%;
  • margin-top:1em;
  • margin-bottom:1em;
  • font-size:1.55rem;
  • margin-top:1.15em;
  • margin-bottom:.3em;
:-webkit-any(article,aside,nav,section) h1
  • font-size:1.5em;
  • -webkit-margin-before:.83em;
  • -webkit-margin-after:.83em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:1.17em;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:1em;
  • -webkit-margin-before:1.33em;
  • -webkit-margin-after:1.33em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:.83em;
  • -webkit-margin-before:1.67em;
  • -webkit-margin-after:1.67em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:.67em;
  • -webkit-margin-before:2.33em;
  • -webkit-margin-after:2.33em;
           
h2
  • display:block;
  • font-size:1.5em;
  • -webkit-margin-before:.83em;
  • -webkit-margin-after:.83em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
  • font-size:123.1%;
  • margin:1em 0;
  • font-weight:bold;
 
  • font-size:123.1%;
  • margin:1em 0 1em 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:123.1%;
  • margin-top:1em;
  • margin-bottom:1em;
  • font-size:1.5rem;
  • margin-top:1.1em;
  • margin-bottom:.4em;
h3
  • display:block;
  • font-size:1.17em;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
  • font-size:108%;
  • margin:1em 0;
  • font-weight:bold;
 
  • font-size:108%;
  • margin:1em 0;
  • padding:0;
  • font-weight:bold;
font-size:108%;
  • font-size:1.45rem;
  • margin-top:1.05em;
  • margin-bottom:.5em;
h4
  • display:block;
  • -webkit-margin-before:1.33em;
  • -webkit-margin-after:1.33em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
font-weight:bold;
 
  • font-size:100%;
  • margin:0 0 0 0 ;
  • padding:0;
  • font-weight:bold;
  • margin:0;
  • font-size:1.4rem;
  • margin-top:.95em;
  • margin-bottom:.6em;
h5
  • display:block;
  • font-size:.83em;
  • -webkit-margin-before:1.67em;
  • -webkit-margin-after:1.67em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
font-weight:bold;
 
  • font-size:100%;
  • margin:0 0 0 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:100%;
  • margin:0;
  • font-size:1.35rem;
  • margin-top:.85em;
  • margin-bottom:.7em;
h6
  • display:block;
  • font-size:.67em;
  • -webkit-margin-before:2.33em;
  • -webkit-margin-after:2.33em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
font-weight:bold;
 
  • font-size:100%;
  • margin:0 0 0 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:100%;
  • margin:0;
  • font-size:1.3rem;
  • margin-top:.8em;
  • margin-bottom:.8em;
table
table
  • display:table;
  • border-collapse:separate;
  • border-spacing:2px;
  • border-color:gray;
  • border-collapse:collapse;
  • border-spacing:0;
margin-bottom:1em;
  • font-size:inherit;
  • font:100%;
  • font-size:inherit;
  • font:100%;
  • border-collapse:collapse;
  • border-spacing:0;
  • margin-bottom:1em;
  • font-size:inherit;
  • border-collapse:collapse;
  • border-spacing:0;
  • margin-bottom:1em;
  • margin-top:.8em;
  • margin-bottom:.8em;
  • border-collapse:collapse;
  • border-spacing:0;
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;
           
table > tr
vertical-align:middle;
           
col
display:table-column;
           
colgroup
display:table-column-group;
           
tr
  • display:table-row;
  • vertical-align:inherit;
  • border-color:inherit;
           
td
  • display:table-cell;
  • vertical-align:inherit;
  • margin:0;
  • padding:0;
  • border:1px solid #000;
  • padding:.5em;
 
  • margin:0;
  • border:1px solid #000;
  • padding:.5em;
  • border:1px solid #000;
  • padding:.5em;
  • border:1px solid #000;
  • padding:.5em;
tbody th            
text-align:start;
tbody td            
text-align:end;
th
  • display:table-cell;
  • vertical-align:inherit;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-style:normal;
  • font-weight:normal;
  • text-align:left;
  • border:1px solid #000;
  • padding:.5em;
  • font-weight:bold;
  • text-align:center;
 
  • margin:0;
  • padding:.5em;
  • font-style:normal;
  • border:1px solid #000;
  • font-weight:bold;
  • text-align:center;
  • border:1px solid #000;
  • padding:.5em;
  • border:1px solid #000;
  • padding:.5em;
caption
  • display:table-caption;
  • text-align:-webkit-center;
  • font-style:normal;
  • font-weight:normal;
  • text-align:left;
  • margin-bottom:.5em;
  • text-align:center;
 
  • font-style:normal;
  • font-weight:normal;
  • margin-bottom:.5em;
  • text-align:center;
margin-bottom:.5em;
margin-bottom:.5em;
lists
menu,
dir
  • display:block;
  • list-style-type:disc;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • -webkit-padding-start:40px;
         
  • margin-top:.8em;
  • margin-bottom:.8em;
ul
  • display:block;
  • list-style-type:disc;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • -webkit-padding-start:40px;
  • margin:0;
  • padding:0;
  • margin:1em;
  • margin-left:2em;
 
  • margin: 1em 1em 1em 2em;
  • padding: 0 0 0 0;
  • margin-right:1em;
  • -webkit-margin-start:2em;
  • padding:0;
  • -webkit-padding-start:30px;
  • margin-top:.8em;
  • margin-bottom:.8em;
ol
  • display:block;
  • list-style-type:decimal;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • -webkit-padding-start:40px;
  • margin:0;
  • padding:0;
  • margin:1em;
  • margin-left:2em;
 
  • margin: 1em 1em 1em 2em;
  • padding: 0 0 0 0;
  • margin-right:1em;
  • -webkit-margin-start:2em;
  • padding:0;
  • -webkit-padding-start:30px;
  • margin-top:.8em;
  • margin-bottom:.8em;
li
display:list-item;
  • margin:0;
  • padding:0;
  • list-style:none;

list-style should be overwritten by the rules for ul li and ol li (see below)

   
  • margin:0;
  • padding:0;
  • list-style:none;
   
ol li    
list-style:decimal outside;
 
list-style:decimal outside;
   
ul li    
list-style:disc outside;
 
list-style:disc outside;
   
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;
  • margin:0;
  • padding:0;
   
padding:0;
 
  • margin-top:.35em;
  • margin-bottom:.35em;
dl dd    
margin-left:1em;
 
margin: 0 0 0 1em;
-webkit-margin-start:1em;
 
dl
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • margin:0;
  • padding:0;
  • margin:1em;
  • margin-left:2em;
 
  • margin: 1em 1em 1em 2em;
  • padding:0;
  • margin-right:1em;
  • -webkit-margin-start:2em;
  • margin-top:.8em;
  • margin-bottom:.8em;
dt
display:block;
  • margin:0;
  • padding:0;
   
  • margin:0;
  • padding:0;
   
dd + dt            
margin-top:.8em;
ol ul,
ul ol,
ul ul,
ol ol
  • -webkit-margin-before:0;
  • -webkit-margin-after:0;
           
li ul,
li ol
           
-webkit-padding-start:20px;
form elements
form
  • display:block;
  • margin-top:0;
  • margin:0;
  • padding:0;
   
  • margin:0;
  • padding:0;
   
label cursor:default            
legend
  • display:block;
  • -webkit-padding-start:2px;
  • -webkit-padding-end:2px;
  • border:none;
  • margin:0;
  • padding:0;
  • *color:#000;
   
  • margin:0;
  • padding: 0 0 0 0;
  • *color:#000;
padding:0;
padding:0;
fieldset
  • display:block;
  • -webkit-margin-start:2px;
  • -webkit-margin-end:2px;
  • -webkit-padding-before:.35em;
  • -webkit-padding-start:.75em;
  • -webkit-padding-end:.75em;
  • -webkit-padding-after:.625em;
  • border:2px groove ThreeDFace;
  • margin:0;
  • padding:0;
  • border:0;
margin-bottom:1em;
 
  • margin: 0 0 1em 0 ;
  • padding:0;
  • border:0;
  • margin-bottom:1em;
  • padding:0;
  • border:0;
  • margin:0;
  • padding:0;
  • border:0;
button -webkit-appearance:button    
font:99% arial, helvetica, clean, sans-serif;
font:99% arial, helvetica, clean, sans-serif;
font:99% arial, helvetica, clean, sans-serif;
font:inherit;
keygen,
button,
isindex,
meter,
progress
-webkit-block-flow:tb !important;
           
select
-webkit-block-flow:tb !important;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
 
font:99% arial,helvetica,clean,sans-serif;
  • font:99% arial, helvetica, clean, sans-serif;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
font:99% arial, helvetica, clean, sans-serif;
  • font:inherit;
  • background:transparent;
input,
textarea
-webkit-block-flow:tb !important;
  • margin:0;
  • padding:0;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
 
font:99% arial,helvetica,clean,sans-serif;
  • font:99% arial, helvetica, clean, sans-serif;
  • margin:0;
  • padding:0;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
  • font:99% arial, helvetica, clean, sans-serif;
  • font-weight:inherit;
font:inherit;
input[type=text]    
  • width:12.25em
  • *width:11.9em;
 
  • width:12.25em
  • *width:11.9em;
width:12.25em
 
input,
textarea,
keygen,
select,
button,
isindex,
datagrid
  • margin:0;
  • font:-webkit-small-control;
  • color:initial;
  • letter-spacing:normal;
  • word-spacing:normal;
  • line-height:normal;
  • text-transform:none;
  • text-indent:0;
  • text-shadow:none;
  • display:inline-block;
  • text-align:-webkit-auto;
           
input[type=”hidden”] display:none            
input,
input[type=”password”],
input[type=”search”],
isindex
  • -webkit-appearance:textfield;
  • padding:1px;
  • background-color:white;
  • border:2px inset;
  • -webkit-rtl-ordering:logical;
  • -webkit-user-select:text;
  • cursor:auto;
           
input[type=”search”]
  • -webkit-appearance:searchfield;
  • -webkit-box-sizing:border-box;
           
input[type=”search”]::-webkit-search-cancel-button
  • -webkit-appearance:searchfield-cancel-button;
  • display:inline-block;
           
input[type=”search”]::-webkit-search-decoration
  • -webkit-appearance:searchfield-decoration;
  • display:inline-block;
           
input[type=”search”]::-webkit-search-results-decoration
  • -webkit-appearance:searchfield-results-decoration;
  • display:inline-block;
           
input[type=”search”]::-webkit-search-results-button
  • -webkit-appearance:searchfield-results-button;
  • display:inline-block;
           
input::-webkit-input-list-button
  • -webkit-appearance:list-button;
  • display:inline-block;
           
input::-webkit-inner-spin-button
  • -webkit-appearance:inner-spin-button;
  • display:inline-block;
  • -webkit-user-select:none;
           
input::-webkit-outer-spin-button
  • -webkit-appearance:outer-spin-button;
  • display:inline-block;
  • margin-left:2px;
  • -webkit-user-select:none;
           
input::-webkit-input-speech-button
  • -webkit-appearance:-webkit-input-speech-button;
  • display:inline-block;
           
keygen,
select
-webkit-border-radius:5px            
keygen::-webkit-keygen-select margin:0            
textarea
  • -webkit-appearance:textarea;
  • background-color:white;
  • border:1px solid;
  • -webkit-rtl-ordering:logical;
  • -webkit-user-select:text;
  • -webkit-box-orient:vertical;
  • resize:auto;
  • cursor:auto;
  • padding:2px;
  • white-space:pre-wrap;
  • word-wrap:break-word;
 
  • width:12.25em;
  • *width:11.9em;
 
  • width:12.25em;
  • *width:11.9em;
width:12.25em
 
input::-webkit-input-placeholder,
isindex::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
color:darkGray;
           
input[type=”password”]
-webkit-text-security:disc !important
 
  • width:12.25em;
  • *width:11.9em;
 
  • width:12.25em;
  • *width:11.9em;
width:12.25em
 
input[type=”hidden”],
input[type=”image”],
input[type=”file”]
  • -webkit-appearance:initial;
  • padding:initial;
  • background-color:initial;
  • border:initial;
           
input[type=”file”]
  • -webkit-box-align:baseline;
  • text-align:start !important;
           
input:-webkit-autofill
  • background-color:#FAFFBD !important;
  • background-image:none !important;
  • color:#000000 !important;
           
input[type=”radio”],
input[type=”checkbox”]
  • margin:3px 0.5ex;
  • padding:initial;
  • background-color:initial;
  • border:initial;
           
input[type=”button”],
input[type=”submit”],
input[type=”reset”],
input[type=”file”]::-webkit-file-upload-button
  • -webkit-appearance:push-button;
  • white-space:pre;
           
input[type=”button”],
input[type=”submit”],
input[type=”reset”],
input[type=”file”]::-webkit-file-upload-button
  • -webkit-box-align:center;
  • text-align:center;
  • cursor:default;
  • color:ButtonText;
  • padding:2px 6px 3px 6px;
  • border:2px outset ButtonFace;
  • background-color:ButtonFace;
  • -webkit-box-sizing:border-box;
           
button
  • -webkit-box-align:center;
  • text-align:center;
  • cursor:default;
  • color:ButtonText;
  • padding:2px 6px 3px 6px;
  • border:2px outset ButtonFace;
  • background-color:ButtonFace;
  • -webkit-box-sizing:border-box;
           
input[type=”range”]
  • -webkit-appearance:slider-horizontal;
  • padding:initial;
  • border:initial;
  • margin:2px;
           
input[type=”range”]::-webkit-slider-thumb
  • -webkit-appearance:sliderthumb-horizontal;
  • display:block;
           
input[type=”button”]:disabled,
input[type=”submit”]:disabled,
input[type=”reset”]:disabled,
input[type=”file”]:disabled::-webkit-file-upload-button,
button:disabled,
select:disabled,
keygen:disabled,
optgroup:disabled,
option:disabled,
datagrid:disabled
color:GrayText;
           
input[type=”button”]:active,
input[type=”submit”]:active,
input[type=”reset”]:active,
input[type=”file”]:active::-webkit-file-upload-button,
button:active
border-style:inset;
           
input[type=”button”]:active:disabled,
input[type=”submit”]:active:disabled,
input[type=”reset”]:active:disabled,
input[type=”file”]:active:disabled::-webkit-file-upload-button,
button:active:disabled
border-style:outset;
           
area,
param
display:none;
           
input[type=”checkbox”]
  • -webkit-appearance:checkbox;
  • -webkit-box-sizing:border-box;
           
input[type=”radio”]
  • -webkit-appearance:radio;
  • -webkit-box-sizing:border-box;
           
select
  • -webkit-appearance:menulist;
  • -webkit-box-sizing:border-box;
  • -webkit-box-align:center;
  • border:1px solid;
  • white-space:pre;
  • -webkit-rtl-ordering:logical;
  • color:black;
  • background-color:white;
  • cursor:default
           
select[size],
select[multiple],
select[size][multiple]
  • -webkit-appearance:listbox;
  • -webkit-box-align:start;
  • border:1px inset gray;
  • -webkit-border-radius:initial;
  • white-space:initial;
           
select[size=”0″],
select[size=”1″]
  • -webkit-appearance:menulist;
  • -webkit-box-align:center;
  • border:1px solid;
  • -webkit-border-radius:5px;
  • white-space:pre;
           
optgroup
font-weight:bolder;
           
option
font-weight:normal;
           
output
display:inline;
           
form validation
::-webkit-validation-bubble
  • display:block;
  • z-index:2147483647;
  • position:absolute;
  • opacity:0.9;
  • line-height:0;
  • -webkit-text-security:none;
  • -webkit-transition:opacity 05.5s ease;
           
::-webkit-validation-bubble-message
  • display:block;
  • font:message-box;
  • min-width:50px;
  • max-width:200px;
  • border:solid 2px black;
  • background:-webkit-gradient( linear, left top, left bottom, from(#fbf9f9), to(#f0e4e4) );
  • padding:8px;
  • -webkit-border-radius:8px;
  • -webkit-box-shadow:4px 4px 4px rgba(204,204,204,0.7);
  • line-height:normal;
           
::-webkit-validation-bubble-top-outer-arrow
  • display:inline-block;
  • position:relative;
  • left:14px;
  • height:0;
  • width:0;
  • border-style:solid;
  • border-width:14px;
  • border-bottom-color:black;
  • border-right-color:transparent;
  • border-top-width:0;
  • border-left-width:0;
           
::-webkit-validation-bubble-top-inner-arrow
  • display:inline-block;
  • height:0;
  • width:0;
  • border-style:solid;
  • border-width:10px;
  • border-bottom-color:#fbf9f9;
  • border-right-color:transparent;
  • border-top-width:0;
  • border-left-width:0;
  • position:relative;
  • top:2px;
  • left:2px;
           
meter
meter
  • -webkit-appearance:meter;
  • display:inline-block;
  • height:1em;
  • width:5em;
  • vertical-align:-.2em;
           
meter::-webkit-meter
-webkit-appearance:meter;
           
meter::-webkit-meter-horizontal-bar
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc) )
           
meter::-webkit-meter-vertical-bar
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc) )
           
meter::-webkit-meter-horizontal-optimum-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3) )
           
meter::-webkit-meter-horizontal-suboptimal-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3) )
           
meter::-webkit-meter-horizontal-even-less-good-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44) )
           
meter::-webkit-meter-vertical-optimum-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3) )
           
meter::-webkit-meter-vertical-suboptimal-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3) )
           
meter::-webkit-meter-vertical-even-less-good-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44) )
           
progress
progress
  • -webkit-appearance:progress-bar;
  • display:inline-block;
  • height:1em;
  • width:10em;
  • vertical-align:-0.2em;
  • background-color:gray;
           
progress::-webkit-progress-bar-value
  • -webkit-appearance:progress-bar;
  • background-color:green;
           
inline element
u,
ins
text-decoration:underline;
           
strong
font-weight:bolder;
  • font-style:normal;
  • font-weight:normal;
font-weight:bold;
 
  • font-style:normal;
  • font-weight:bold;
 
font-size:90%;
b
font-weight:bolder;
         
font-size:90%;
i
font-style:italic;
           
cite,
var,
address
font-style:italic;
  • font-style:normal;
  • font-weight:normal;
   
  • font-style:normal;
  • font-weight:normal;
font-style:normal;
 
em
font-style:italic;
  • font-style:normal;
  • font-weight:normal;
font-style:italic;
 
  • font-style:italic;
  • font-weight:normal;
   
tt,
kbd,
samp
font-family:monospace;
   
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
   
kbd            
font-size:1.2rem;
code
font-family:monospace;
  • margin:0;
  • padding:0;
  • font-style:normal;
  • font-weight:normal;
 
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • margin:0;
  • padding:0;
  • font-style:normal;
  • font-weight:normal;
 
font-size:1.2rem;
xmp,
plaintext,
listing
  • display:block;
  • font-family:monospace;
  • white-space:pre;
  • margin:1em 0;
           
pre
  • display:block;
  • font-family:monospace;
  • white-space:pre;
  • margin:1em 0;
  • margin:0;
  • padding:0;
margin-bottom:1em;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • margin:0 0 1em 0 ;
  • padding:0;
margin-top:0;
  • margin-top:.8em;
  • margin-bottom:.8em;
mark
  • background-color:yellow;
  • color:black;
           
big
font-size:larger;
           
small
font-size:smaller;
           
s,
strike,
del
text-decoration:line-through;
           
sub
  • vertical-align:sub;
  • font-size:smaller;
vertical-align:text-bottom;
   
vertical-align:text-bottom;
vertical-align:text-bottom;
line-height:0;
sup
  • vertical-align:super;
  • font-size:smaller;
vertical-align:text-top;
   
vertical-align:text-top;
vertical-align:text-top;
line-height:0;
nobr
white-space:nowrap;
           
states
:focus
outline:auto 5px -webkit-focus-ring-color
           
html:focus, body:focus, input[readonly]:focus
outline:none;
           
input:focus,
textarea:focus,
isindex:focus,
keygen:focus,
select: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=”radio”]:focus,
input[type=”reset”]:focus,
input[type=”search”]:focus,
input[type=”submit”]:focus,
input[type=”file”]:focus::-webkit-file-upload-button
outline-offset:0;
           
a:-webkit-any-link
  • color:-webkit-link;
  • text-decoration:underline;
  • cursor:auto;
           
a:-webkit-any-link:active
color:-webkit-activelink;
           
ruby
ruby,
rt
text-indent:0;
           
rt
  • line-height:normal;
  • -webkit-text-emphasis:none;
           
ruby > rt
  • display:block;
  • font-size:50%;
  • text-align:-webkit-auto;
           
ruby > rp
display:none;
           
other elements
noframe
display:none;
           
frameset,
frame
display:block;
           
frameset
border-color:inherit;
           
iframe
border:2px inset;
           
details
display:block;
           
summary
display:block;
           
page
@page
  • size:auto
  • margin:auto;
  • padding:0;
  • border-width:0;
           
These elements do not belong to the WebKit styles sheet
img  
border:0;
   
border:0;
   
dfn  
  • font-style:normal;
  • font-weight:normal;
   
  • font-style:normal;
  • font-weight:normal;
 
font-style:italic;
abbr  
  • border:0;
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
 
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
  • border-bottom:1px dotted #000;
  • cursor:help;
 
acronym  
  • border:0;
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
 
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
  • border-bottom:1px dotted #000;
  • cursor:help;
 

Footnotes

  • 0background-color – if any – should be set on body instead of html
  • 1Using rem for unit (font-sizing with rem)
  • 2There should be no need for a font-family fallback
  • 3Styled as figure
  • 4Styled the same way YUI base.css styles blockquote
  • 5Styled as blockquote
  • 6Going with default styling
  • 7For some reason there is text-alignment by default (may be the result of table-cell)
  • 8Vertical margins do not need to be set
  • 9list-style should be overwritten by the rules for ul li and ol li
  • 10This should be set via the ol rule already
  • 11This should be set via the ul rule already
  • 12See the rule for dd
  • 13Weird initial value for margin(?)
  • 14Only the bottom margin needs to be set
  • 15If we target a specific platform, there should be no need to use a font-family fallback
  • 16Font declarations are not inherited in webkit/Mac unless there is some other styling (i.e. background-color). See test case for bug #57520
  • 17Could be better to zero out the line-height
  • 18Note that this styling is useless for touch devices
  • 19Using abbr[title] instead of abbr to avoid styling abbr with no title.
  • 20Note that acronym is now obsolete