Skip to content

Commit 4c12b2f

Browse files
author
Olivier Thereaux
committed
template and style for results
yCVS: ----------------------------------------------------------------------
1 parent a61f0a3 commit 4c12b2f

File tree

2 files changed

+66
-19
lines changed

2 files changed

+66
-19
lines changed

‎org/w3c/css/css/xhtml.properties

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,15 @@
1010
<link type="text/css" rel='stylesheet' href='style/results.css' />
1111
</head>
1212
<body>
13-
<div id="banner">
14-
<h1 id="title">
15-
<a href="http://www.w3.org/">
16-
<img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" />
17-
</a>
18-
<a href="./">
19-
<img src="images/css_validation_service.png" alt="$CSS_validation_service" />
20-
</a>
21-
</h1>
22-
</div>
23-
<p id="tagline"></p>
13+
<div id="banner">
14+
<h1 id="title"><a href="http://www.w3.org/"><img alt="W3C" width="110" height="61" id="logo" src="./images/w3c.png" /></a>
15+
<a href="./"><span>CSS Validation Service</span></a></h1>
16+
17+
<p id="tagline">
18+
$W3C_validator_results $file_title ($css)
19+
</p>
20+
</div>
21+
2422
#if ( $errors_count > 0 || $warnings_count > 0 || $rules_count > 0 )
2523
<ul class="navbar" id="jumpbar">
2624
<li><strong>$jump_to:</strong></li>
@@ -39,6 +37,7 @@
3937

4038
</ul>
4139
#end
40+
<div id="results_container">
4241
<h2>$W3C_validator_results <a href="$file_title">$file_title</a> ($css)</h2>
4342
#if ( !$no_errors_report )
4443
#if ($errors_count == 0)
@@ -269,6 +268,7 @@ or http://jigsaw.w3.org/css-validator/check/referer ($no_errors_forHTML_only_ms
269268
#else
270269
<div id="css"><h2>$CSS_not_found</h2></div>
271270
#end
271+
</div><!-- results_container -->
272272
<ul class="navbar" id="menu">
273273
<li><strong><a href="./" title="$home_title">$home</a></strong> <span class="hideme">|</span></li>
274274
<li><a href="about.html" title="$about_title">$about</a> <span class="hideme">|</span></li>
@@ -298,7 +298,7 @@ or http://jigsaw.w3.org/css-validator/check/referer ($no_errors_forHTML_only_ms
298298

299299
</ul>
300300
#end
301-
301+
<div id="footer">
302302
<p id="activity_logos">
303303
<a href="http://www.w3.org/QA/" title="$W3C_quality_msg"><img src="http://www.w3.org/QA/2002/12/qa-small.png" alt="QA" /></a><a href="http://www.w3.org/Style/CSS/learning" title="$learn_more_msg"><img src="images/woolly-icon" alt="CSS" /></a>
304304
</p>
@@ -324,5 +324,6 @@ or http://jigsaw.w3.org/css-validator/check/referer ($no_errors_forHTML_only_ms
324324
with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
325325
<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy statements.
326326
</p>
327+
</div>
327328
</body>
328329
</html>

‎style/results.css

Lines changed: 53 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,37 @@
1+
/* == internal navigation bar == */
2+
3+
#jumpbar {
4+
margin: 1em 2.4em;
5+
}
6+
#jumpbar li {
7+
color:#11111A !important;
8+
}
9+
#jumpbar {
10+
background-color:white;
11+
border-bottom:1px solid #005A9C;
12+
border-top:1px solid #005A9C;
13+
color:#005A9C;
14+
font-size:0.9em;
15+
font-weight:bold;
16+
line-height:140%;
17+
list-style-type:none;
18+
padding:3px 0;
19+
text-align:center;
20+
vertical-align:bottom;
21+
}
22+
#jumpbar li {
23+
display:inline;
24+
}
25+
#jumpbar li a {
26+
font-weight: 700;
27+
padding-left:1.2em;
28+
padding-right:1.2em;
29+
text-decoration: none;
30+
}
131
/* ==== CONGRATS ===== */
32+
div#results_container {
33+
margin: 2em;
34+
}
235

336
#congrats h3, #errors h3 {
437
margin: 0;
@@ -10,8 +43,7 @@
1043
letter-spacing: normal;
1144
text-transform: none;
1245
border-color: black;
13-
padding-top: .5em;
14-
padding-bottom: .5em;
46+
padding: .4em;
1547
}
1648
#congrats h3 {
1749
background-color: #55B05A;
@@ -37,6 +69,8 @@
3769
width:100%;
3870
border-top: 1px solid #ccc !important;
3971
line-height:120%;
72+
border-collapse:collapse;
73+
border-right:1px solid #CCCCCC;
4074
}
4175

4276
#warnings td, #errors td {
@@ -45,11 +79,15 @@
4579

4680
#errors h4, #warnings h4 {
4781
font-weight: bold;
48-
margin: 1em 0 0 0;
49-
padding: .2em;
82+
margin: 0;
83+
padding: .4em;
5084
background-color: #eee;
5185
color: black;
5286
}
87+
#errors h4 a, #warnings h4 a {
88+
background-color: #eee;
89+
90+
}
5391

5492
td.linenumber {
5593
width:3em;
@@ -146,21 +184,29 @@ pre {
146184
/* class="selector" - block of the selector */
147185
.selector {
148186
background-color: #F1F1F1;
187+
font-family: monospace;
149188
padding: 1em;
150189
border-bottom: 1px solid #ddd;}
151190

152191
/* class="selectorValue" - value of the selector */
153192
.selectorValue {font-weight: bold;}
154193

155194
/* class='RuleList' - block of all couple propertie-value*/
156-
.RuleList {padding: 0 1em;}
195+
.RuleList {padding: 0 1em;
196+
background-color: #F1F1F1;
197+
}
157198

158199
/* class='Rule' - one couple propertie-value*/
159-
.Rule {}
200+
.Rule {
201+
background-color: #F1F1F1;
202+
font-family: monospace;
203+
204+
}
160205

161206
/* class='Property' - propertie name */
162207
.Property {
163208
color: #222;
209+
font-family: monospace;
164210
font-style: italic;
165211
}
166212

@@ -174,7 +220,7 @@ p.backtop {
174220
color: #bbc;
175221
font-size: x-small;
176222
padding-right: 0 !important;
177-
margin: 1em !important;
223+
margin: 1em 0 !important;
178224
text-transform: uppercase;
179225
font-weight: bold;
180226
padding-top: .3em;

0 commit comments

Comments
 (0)