Skip to content

Commit 4a54709

Browse files
bert-githubbert-github
committed
[css2] Style for test suite annotations, see ../annotate.js
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%403229
1 parent 485b7a1 commit 4a54709

1 file changed

Lines changed: 161 additions & 0 deletions

File tree

‎css2/style/annotate.css‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
/*******************************************************************************
2+
*
3+
* Copyright © 2011 Hewlett-Packard Development Company, L.P.
4+
*
5+
* This work is distributed under the W3C® Software License [1]
6+
* in the hope that it will be useful, but WITHOUT ANY
7+
* WARRANTY; without even the implied warranty of
8+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
9+
*
10+
* [1] http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231
11+
*
12+
* Adapted from the Mobile Test Harness
13+
* Copyright © 2007 World Wide Web Consortium
14+
* http://dev.w3.org/cvsweb/2007/mobile-test-harness/
15+
*
16+
******************************************************************************/
17+
18+
div.annotation {
19+
font-size: 12pt;
20+
font-weight: normal;
21+
font-style: normal;
22+
font-variant: normal;
23+
color: black;
24+
float: right;
25+
display: block;
26+
max-width: 12em;
27+
border: 2px solid black;
28+
border-radius: 0.5em;
29+
padding: 3px 0.5em;
30+
text-align: center;
31+
background: #EEE;
32+
margin: 0 0 0.5em 1em;
33+
position: relative;
34+
min-height: 14px;
35+
}
36+
37+
div.annotation.need {
38+
background-color: #CCC;
39+
}
40+
41+
div.annotation div {
42+
display: block;
43+
}
44+
45+
div.annotation div.disclosureBox {
46+
position: absolute;
47+
top: 3px;
48+
left: 3px;
49+
width: 12px;
50+
height: 12px;
51+
border: thin none #444;
52+
border-radius: 4px;
53+
background: url(img/open_dark.png) no-repeat center;
54+
}
55+
div.annotation.closed div.disclosureBox {
56+
background-image: url(img/closed_dark.png);
57+
}
58+
59+
div.annotation div.disclosureBox:hover {
60+
border-style: solid;
61+
background: #888 url(img/open_light.png) no-repeat center;
62+
}
63+
div.annotation.closed div.disclosureBox:hover {
64+
background-image: url(img/closed_light.png);
65+
}
66+
67+
div.annotation div.closeBox {
68+
position: absolute;
69+
top: 3px;
70+
right: 3px;
71+
width: 12px;
72+
height: 12px;
73+
border: thin none #444;
74+
border-radius: 4px;
75+
background: url(img/close_dark.png) no-repeat center;
76+
}
77+
78+
div.annotation div.closeBox:hover {
79+
border-style: solid;
80+
background: #888 url(img/close_light.png) no-repeat center;
81+
}
82+
83+
div.annotation div.heading {
84+
margin-left: 14px;
85+
margin-right: 14px;
86+
}
87+
88+
div.annotation div.heading span {
89+
display: block;
90+
font-size: smaller;
91+
}
92+
93+
div.annotation a {
94+
text-decoration: none;
95+
}
96+
div.annotation a:hover,
97+
div.annotation a:hover span {
98+
text-decoration: underline;
99+
background: none;
100+
}
101+
102+
div.annotation img.need {
103+
/*float: right;*/
104+
margin-top: -0.15em;
105+
}
106+
107+
div.annotation div.engines {
108+
clear: both;
109+
}
110+
div.annotation div.engines span {
111+
font-size: x-small;
112+
border: 1px solid black;
113+
padding: 1px 0.2em;
114+
background: white;
115+
}
116+
div.annotation div.engines span.active {
117+
padding-bottom: 0px;
118+
border-bottom-width: 2px;
119+
}
120+
div.annotation div.engines span a:hover {
121+
background: none;
122+
}
123+
124+
div.annotation div.engines span.pass {
125+
background-color: #4F4;
126+
}
127+
128+
div.annotation div.engines span.p100 {
129+
background-color: #8F8;
130+
}
131+
div.annotation div.engines span.p90 {
132+
background-color: #9F6;
133+
}
134+
div.annotation div.engines span.p80 {
135+
background-color: #FF6;
136+
}
137+
div.annotation div.engines span.p70 {
138+
background-color: #F93;
139+
}
140+
div.annotation div.engines span.p60,
141+
div.annotation div.engines span.p50,
142+
div.annotation div.engines span.p40,
143+
div.annotation div.engines span.p30,
144+
div.annotation div.engines span.p20,
145+
div.annotation div.engines span.p10 {
146+
background-color: #F60;
147+
}
148+
149+
div.annotation div.engines span.fail {
150+
background-color: #F66;
151+
}
152+
153+
div.annotation div.engines span.untested {
154+
background-color: #DDD;
155+
}
156+
157+
@media print {
158+
div.annotation {
159+
display: none;
160+
}
161+
}

0 commit comments

Comments
 (0)