forked from w3c/uievents-code
/
stylesheet-extra.include
116 lines (100 loc) · 2.12 KB
/
stylesheet-extra.include
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<style>
/* Used when spelling out words or symbols phonetically. */
span.phonetic {
font-style: italic;
}
/* KEY
* Denotes a key value (the value of the KeyboardEvent.key property).
*/
code.key {
color: #191970;
background-color: #b0e0e6;
padding: 0 2px;
border: 1px solid #b0d0d6;
border-radius: 3px;
}
code.key a:link, code.key a:visited {
color: #191970;
text-decoration: none;
}
code.key:hover, code.key a:hover {
color: #000000;
background-color: #b0d0d6;
}
/* CODE
* Denotes a code value that indicates the physical location of the key on
* the keyboard). This is the value of the KeyboardEvent.code property.
*/
code.code {
color: #191970;
background-color: #ffc4ff;
padding: 0 2px;
border: 1px solid #f0a4f0;
border-radius: 3px;
}
code.code a:link, code.code a:visited {
color: #191970;
text-decoration: none;
}
code.code:hover, code.code a:hover {
color: #000000;
background-color: #f0a4f0;
}
/* Denotes a string displayed on the keycap. */
code.keycap {
padding: 0 2px;
border: 1px solid black;
border-radius: 3px;
}
/* Denotes a Unicode code-point for the character. */
code.unicode {
color: #191970;
background-color: #98fb98;
}
/* Denotes an example glyph for the character. */
code.glyph {
color: #191970;
background-color: #ffe4b5;
}
/* Formatting for data tables (including the keyboard codes) */
.data-table {
border-collapse:collapse;
text-align:left;
width: 100%;
}
.data-table th {
background:none repeat scroll 0 0 #B9C9FE;
border-bottom:1px solid #FFFFFF;
border-top:4px solid #AABCFE;
color:#003399;
font-weight:normal;
padding: 0.4em 1em;
}
.data-table td {
background:none repeat scroll 0 0 #E8EDFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid transparent;
color:#666699;
padding: 0.4em 1em;
}
.data-table tr:hover td {
background:none repeat scroll 0 0 #D0DAFD;
color:#333399;
}
/* The cell in a code table that contains the code value. */
.code-table-code {
vertical-align: top;
}
.code-impl-data {
vertical-align: top;
text-align: center;
}
.code-impl-yes {
color: #0a0;
font-weight: bold;
}
.code-impl-no {
color: #f00;
font-weight: bold;
}
</style>