celerity 0.9.0 → 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.document +5 -0
- data/.gitignore +9 -0
- data/.gitmodules +3 -0
- data/.travis.yml +4 -0
- data/Gemfile +3 -0
- data/LICENSE +253 -596
- data/README.rdoc +8 -4
- data/Rakefile +5 -1
- data/benchmark/bm_2000_spans.rb +48 -0
- data/benchmark/bm_digg.rb +26 -0
- data/benchmark/bm_google_images.rb +36 -0
- data/benchmark/bm_input_locator.rb +69 -0
- data/benchmark/bm_text_input.rb +19 -0
- data/benchmark/loader.rb +14 -0
- data/celerity.gemspec +18 -114
- data/lib/celerity.rb +1 -3
- data/lib/celerity/htmlunit/commons-lang3-3.0.1.jar +0 -0
- data/lib/celerity/htmlunit/cssparser-0.9.6-20110829.205617-3.jar +0 -0
- data/lib/celerity/htmlunit/{htmlunit-2.9.jar → htmlunit-2.10-SNAPSHOT.jar} +0 -0
- data/lib/celerity/version.rb +1 -1
- data/spec/browser_authentication_spec.rb +16 -0
- data/spec/browser_spec.rb +428 -0
- data/spec/button_spec.rb +24 -0
- data/spec/clickable_element_spec.rb +39 -0
- data/spec/default_viewer_spec.rb +23 -0
- data/spec/element_spec.rb +77 -0
- data/spec/filefield_spec.rb +18 -0
- data/spec/htmlunit_spec.rb +63 -0
- data/spec/implementation.rb +7 -0
- data/spec/index_offset_spec.rb +24 -0
- data/spec/link_spec.rb +16 -0
- data/spec/listener_spec.rb +142 -0
- data/spec/spec_helper.rb +6 -0
- data/spec/table_spec.rb +41 -0
- data/spec/watir_compatibility_spec.rb +32 -0
- data/tasks/snapshot.rake +1 -1
- data/website/benchmarks.html +237 -0
- data/website/css/color.css +153 -0
- data/website/css/hacks.css +3 -0
- data/website/css/layout.css +179 -0
- data/website/css/screen.css +5 -0
- data/website/css/textmate.css +226 -0
- data/website/css/typography.css +72 -0
- data/website/gfx/body_bg.gif +0 -0
- data/website/gfx/button_bg.jpg +0 -0
- data/website/gfx/header_bg.jpg +0 -0
- data/website/gfx/header_left.jpg +0 -0
- data/website/gfx/header_right.jpg +0 -0
- data/website/gfx/nav_bg.jpg +0 -0
- data/website/index.html +125 -0
- data/website/yard/index.html +1 -0
- metadata +69 -22
- data/VERSION.yml +0 -5
- data/lib/celerity/htmlunit/commons-lang-2.6.jar +0 -0
- data/lib/celerity/htmlunit/cssparser-0.9.5.jar +0 -0
- data/tasks/jeweler.rake +0 -28
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
require File.expand_path("../watirspec/spec_helper", __FILE__)
|
|
2
|
+
|
|
3
|
+
describe "Button" do
|
|
4
|
+
|
|
5
|
+
before :each do
|
|
6
|
+
browser.goto(WatirSpec.host + "/forms_with_input_elements.html")
|
|
7
|
+
end
|
|
8
|
+
|
|
9
|
+
describe "#click_no_wait" do
|
|
10
|
+
it "behaves like #click" do
|
|
11
|
+
browser.button(:id, 'new_user_submit').click_no_wait
|
|
12
|
+
browser.text.should include("You posted the following content:")
|
|
13
|
+
end
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
end
|
|
17
|
+
|
|
18
|
+
describe "Link" do
|
|
19
|
+
|
|
20
|
+
before :each do
|
|
21
|
+
browser.goto(WatirSpec.host + "/non_control_elements.html")
|
|
22
|
+
end
|
|
23
|
+
|
|
24
|
+
describe "#click_no_wait" do
|
|
25
|
+
it "behaves like #click" do
|
|
26
|
+
browser.link(:text, "Link 3").click_no_wait
|
|
27
|
+
browser.text.include?("User administration").should be_true
|
|
28
|
+
end
|
|
29
|
+
end
|
|
30
|
+
|
|
31
|
+
end
|
|
32
|
+
|
data/tasks/snapshot.rake
CHANGED
|
@@ -4,7 +4,7 @@ task :snapshot, :file do |t, args|
|
|
|
4
4
|
sh "cp #{args.file} ./"
|
|
5
5
|
basename = File.basename(args.file)
|
|
6
6
|
else
|
|
7
|
-
url = "http://build.canoo.com/htmlunit/artifacts//htmlunit-2.
|
|
7
|
+
url = "http://build.canoo.com/htmlunit/artifacts//htmlunit-2.10-SNAPSHOT-with-dependencies.zip"
|
|
8
8
|
sh "curl -O #{url}"
|
|
9
9
|
basename = File.basename(url)
|
|
10
10
|
end
|
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
|
|
3
|
+
<head>
|
|
4
|
+
<title>Celerity | Easy and fast functional test automation for web applications</title>
|
|
5
|
+
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
|
|
6
|
+
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
<div id="container">
|
|
10
|
+
<div id="header">
|
|
11
|
+
<h1><a href=".">Celerity</a></h1>
|
|
12
|
+
<div id="tagline">
|
|
13
|
+
{ French célérité > Latin celeritas > Latin celer, fast, swift. <br />
|
|
14
|
+
Rapidity of motion; quickness; swiftness. }
|
|
15
|
+
</div>
|
|
16
|
+
<div id="leftSlice"></div>
|
|
17
|
+
<div id="rightSlice"></div>
|
|
18
|
+
</div>
|
|
19
|
+
<div id="nav">
|
|
20
|
+
<ul>
|
|
21
|
+
<li><a accesskey="h" title="Front page" href="." hreflang="en">Home</a></li>
|
|
22
|
+
<li><a accesskey="p" title="Celerity at Rubyforge" href="http://rubyforge.org/projects/celerity/" hreflang="en">Rubyforge project</a></li>
|
|
23
|
+
<li><a accesskey="d" title="Download Celerity" href="http://rubyforge.org/frs/?group_id=6198" hreflang="en">Download</a></li>
|
|
24
|
+
<li><a accesskey="o" title="Documentation" href="http://celerity.rubyforge.org/doc/" hreflang="en">Documentation</a></li>
|
|
25
|
+
<li><a accesskey="f" title="Discuss Celerity" href="http://rubyforge.org/forum/?group_id=6198" hreflang="en">Forum</a></li>
|
|
26
|
+
<li><a accesskey="m" title="Stay up-to-date" href="http://rubyforge.org/mail/?group_id=6198" hreflang="en">Mailing lists</a></li>
|
|
27
|
+
<li><a accesskey="s" title="Infinite monkey theorem" href="http://celerity.rubyforge.org/svn/" hreflang="en">Browse source</a></li>
|
|
28
|
+
<li><a accesskey="b" title="Report and browse bugs" href="http://rubyforge.org/tracker/?atid=24033&group_id=6198&func=browse" hreflang="en">Bug tracker</a></li>
|
|
29
|
+
<li><a accesskey="e" title="Request and browse new features" href="http://rubyforge.org/tracker/?atid=24036&group_id=6198&func=browse" hreflang="en">Feature tracker</a></li>
|
|
30
|
+
<li><a accesskey="n" title="Benchmarks" href="benchmarks.html" hreflang="en">Benchmarks</a></li>
|
|
31
|
+
<li><a accesskey="w" title="Wiki/FAQ" href="http://celerity.rubyforge.org/wiki/wiki.pl" hreflang="en">Wiki/FAQ</a></li>
|
|
32
|
+
<li><a accesskey="t" title="Tutorial" href="http://celerity.rubyforge.org/wiki/wiki.pl?GettingStarted" hreflang="en">Tutorial</a></li>
|
|
33
|
+
</ul>
|
|
34
|
+
</div>
|
|
35
|
+
<div id="content">
|
|
36
|
+
<h2>Benchmarks</h2>
|
|
37
|
+
<p>We've played a little with some early crude benchmarking. <del datetime="20080515">Three</del> <ins datetime="20080515">Four</ins> scenarios were benchmarked in Celerity and Watir.</p>
|
|
38
|
+
<ul>
|
|
39
|
+
<li><a href="http://celerity.rubyforge.org/svn/trunk/benchmark/bm_2000_spans.rb">Scenario 1: 2000 span elements (local file)</a></li>
|
|
40
|
+
<li><a href="http://celerity.rubyforge.org/svn/trunk/benchmark/bm_google_images.rb">Scenario 2: Looping a Google image search result</a></li>
|
|
41
|
+
<li><a href="http://celerity.rubyforge.org/svn/trunk/benchmark/bm_digg.rb">Scenario 3: Counting the number of "diggs" on digg.com's front page</a></li>
|
|
42
|
+
<li><a href="http://celerity.rubyforge.org/svn/trunk/benchmark/bm_input_locator.rb">Scenario 4: Locating different HTML input elements (local file)</a></li>
|
|
43
|
+
</ul>
|
|
44
|
+
|
|
45
|
+
<h2>Results: Overview</h2>
|
|
46
|
+
<p>This table provides a quick overview. For more accurate numbers, see below.</p>
|
|
47
|
+
<table>
|
|
48
|
+
<tr>
|
|
49
|
+
<th>Scenario</th>
|
|
50
|
+
<th>Watir (total)</th>
|
|
51
|
+
<th>Celerity (total)</th>
|
|
52
|
+
<th>Time reduction</th>
|
|
53
|
+
</tr>
|
|
54
|
+
<tr>
|
|
55
|
+
<td>1</td>
|
|
56
|
+
<td>316,97 s</td>
|
|
57
|
+
<td>0,59 s</td>
|
|
58
|
+
<td>99,81 %</td>
|
|
59
|
+
</tr>
|
|
60
|
+
<tr>
|
|
61
|
+
<td>2</td>
|
|
62
|
+
<td>278 s</td>
|
|
63
|
+
<td>86 s</td>
|
|
64
|
+
<td>69 %</td>
|
|
65
|
+
</tr>
|
|
66
|
+
<tr>
|
|
67
|
+
<td>3</td>
|
|
68
|
+
<td>128 s</td>
|
|
69
|
+
<td>33 s</td>
|
|
70
|
+
<td>74 %</td>
|
|
71
|
+
</tr>
|
|
72
|
+
<tr>
|
|
73
|
+
<td>4</td>
|
|
74
|
+
<td>185,00 s</td>
|
|
75
|
+
<td>4,67 s</td>
|
|
76
|
+
<td>97,48 %</td>
|
|
77
|
+
</tr>
|
|
78
|
+
</table>
|
|
79
|
+
<h2>Notes</h2>
|
|
80
|
+
<ul>
|
|
81
|
+
<li>Celerity 0.0.2 on JRuby 1.1 and Watir 1.5.4 on Ruby 1.8.6 was used.</li>
|
|
82
|
+
<li>Neither Watir nor Celerity downloaded any images in these scenarios. Watir (IE) had them cached, and disabling images in IE did not seem to affect the benchmarks (compared to when they are cached).</li>
|
|
83
|
+
</ul>
|
|
84
|
+
<h2>Results: Actual output from benchmark scripts</h2>
|
|
85
|
+
<p></p>
|
|
86
|
+
<h3>Watir on Ruby: Scenario 1</h3>
|
|
87
|
+
<pre>
|
|
88
|
+
n = 100
|
|
89
|
+
user system total real
|
|
90
|
+
Loop through all spans (n = 1) 62.469000 16.312000 78.781000 (198.016000)
|
|
91
|
+
Last span by id (String) 15.968000 4.953000 20.921000 ( 59.500000)
|
|
92
|
+
Last span by id (Regexp) 17.140000 5.015000 22.155000 ( 59.454000)
|
|
93
|
+
|
|
94
|
+
total : 316.97000002861
|
|
95
|
+
average: 105.656666676203
|
|
96
|
+
|
|
97
|
+
</pre>
|
|
98
|
+
|
|
99
|
+
<h3>Celerity on JRuby: Scenario 1</h3>
|
|
100
|
+
<pre>
|
|
101
|
+
n = 100
|
|
102
|
+
user system total real
|
|
103
|
+
Loop through all spans (n = 1) 0.438000 0.000000 0.438000 ( 0.446355)
|
|
104
|
+
Last span by id (String) 0.016000 0.000000 0.016000 ( 0.013113)
|
|
105
|
+
Last span by id (Regexp) 0.141000 0.000000 0.141000 ( 0.132035)
|
|
106
|
+
|
|
107
|
+
total : 0.5915031433105469
|
|
108
|
+
average: 0.19716771443684897
|
|
109
|
+
|
|
110
|
+
</pre>
|
|
111
|
+
|
|
112
|
+
<h3>Watir on Ruby: Scenario 2</h3>
|
|
113
|
+
<pre>
|
|
114
|
+
n = 5
|
|
115
|
+
user system total real
|
|
116
|
+
Google image search results 44.234000 11.047000 55.281000 (277.734000)
|
|
117
|
+
|
|
118
|
+
total : 277.733999967575
|
|
119
|
+
average: 277.733999967575
|
|
120
|
+
|
|
121
|
+
</pre>
|
|
122
|
+
|
|
123
|
+
<h3>Celerity on JRuby: Scenario 2</h3>
|
|
124
|
+
<pre>
|
|
125
|
+
n = 5
|
|
126
|
+
user system total real
|
|
127
|
+
Google image search results 86.016000 0.000000 86.016000 ( 86.005572)
|
|
128
|
+
|
|
129
|
+
total : 86.00557208061218
|
|
130
|
+
average: 86.00557208061218
|
|
131
|
+
|
|
132
|
+
</pre>
|
|
133
|
+
|
|
134
|
+
<h3>Watir on Ruby: Scenario 3</h3>
|
|
135
|
+
<pre>
|
|
136
|
+
n = 5
|
|
137
|
+
user system total real
|
|
138
|
+
Diggs on front page 7.344000 2.000000 9.344000 (127.907000)
|
|
139
|
+
|
|
140
|
+
total : 127.90700006485
|
|
141
|
+
average: 127.90700006485
|
|
142
|
+
|
|
143
|
+
</pre>
|
|
144
|
+
|
|
145
|
+
<h3>Celerity on JRuby: Scenario 3</h3>
|
|
146
|
+
<pre>
|
|
147
|
+
n = 5
|
|
148
|
+
user system total real
|
|
149
|
+
Diggs on front page 33.422000 0.000000 33.422000 ( 33.427076)
|
|
150
|
+
|
|
151
|
+
total : 33.4270761013031
|
|
152
|
+
average: 33.4270761013031
|
|
153
|
+
|
|
154
|
+
</pre>
|
|
155
|
+
|
|
156
|
+
<h3>Watir on Ruby: Scenario 4</h3>
|
|
157
|
+
<pre>
|
|
158
|
+
n = 1000
|
|
159
|
+
user system total real
|
|
160
|
+
text input by id (String) 1.093000 0.281000 1.374000 ( 2.765000)
|
|
161
|
+
text input by id (Regexp) 1.063000 0.250000 1.313000 ( 2.766000)
|
|
162
|
+
text input by name (String) 1.625000 0.281000 1.906000 ( 4.282000)
|
|
163
|
+
text input by name (Regexp) 1.594000 0.281000 1.875000 ( 4.266000)
|
|
164
|
+
select list by id (String) 1.813000 0.328000 2.141000 ( 4.704000)
|
|
165
|
+
select list by id (Regexp) 1.766000 0.235000 2.001000 ( 4.672000)
|
|
166
|
+
select list by name (String) 1.671000 0.312000 1.983000 ( 4.656000)
|
|
167
|
+
select list by name (Regexp) 1.797000 0.313000 2.110000 ( 4.671000)
|
|
168
|
+
checkbox by id (String) 5.844000 1.203000 7.047000 ( 14.047000)
|
|
169
|
+
checkbox by id (Regexp) 5.515000 1.203000 6.718000 ( 13.937000)
|
|
170
|
+
checkbox by name (String) 5.578000 1.063000 6.641000 ( 14.031000)
|
|
171
|
+
checkbox by name (Regexp) 5.328000 1.062000 6.390000 ( 14.359000)
|
|
172
|
+
checkbox by id (String) and value (String) 9.406000 2.188000 11.594000 ( 28.578000)
|
|
173
|
+
checkbox by id (Regexp) and value (Regexp) 9.718000 2.078000 11.796000 ( 25.437000)
|
|
174
|
+
checkbox by name (String) and value (String) 6.390000 1.203000 7.593000 ( 16.453000)
|
|
175
|
+
checkbox by name (Regexp) and value (Regexp) 9.578000 1.719000 11.297000 ( 25.375000)
|
|
176
|
+
|
|
177
|
+
total : 184.998999834061
|
|
178
|
+
average: 11.5624374896288
|
|
179
|
+
|
|
180
|
+
</pre>
|
|
181
|
+
|
|
182
|
+
<h3>Celerity on JRuby: Scenario 4</h3>
|
|
183
|
+
<pre>
|
|
184
|
+
n = 1000
|
|
185
|
+
user system total real
|
|
186
|
+
text input by id (String) 0.063000 0.000000 0.063000 ( 0.053699)
|
|
187
|
+
text input by id (Regexp) 0.360000 0.000000 0.360000 ( 0.357198)
|
|
188
|
+
text input by name (String) 0.313000 0.000000 0.313000 ( 0.322434)
|
|
189
|
+
text input by name (Regexp) 0.297000 0.000000 0.297000 ( 0.298454)
|
|
190
|
+
select list by id (String) 0.031000 0.000000 0.031000 ( 0.028299)
|
|
191
|
+
select list by id (Regexp) 0.297000 0.000000 0.297000 ( 0.303616)
|
|
192
|
+
select list by name (String) 0.219000 0.000000 0.219000 ( 0.228946)
|
|
193
|
+
select list by name (Regexp) 0.250000 0.000000 0.250000 ( 0.242370)
|
|
194
|
+
checkbox by id (String) 0.031000 0.000000 0.031000 ( 0.032020)
|
|
195
|
+
checkbox by id (Regexp) 0.360000 0.000000 0.360000 ( 0.348517)
|
|
196
|
+
checkbox by name (String) 0.469000 0.000000 0.469000 ( 0.469942)
|
|
197
|
+
checkbox by name (Regexp) 0.485000 0.000000 0.485000 ( 0.495507)
|
|
198
|
+
checkbox by id (String) and value (String) 0.015000 0.000000 0.015000 ( 0.029422)
|
|
199
|
+
checkbox by id (Regexp) and value (Regexp) 0.312000 0.000000 0.312000 ( 0.322679)
|
|
200
|
+
checkbox by name (String) and value (String) 0.547000 0.000000 0.547000 ( 0.536925)
|
|
201
|
+
checkbox by name (Regexp) and value (Regexp) 0.609000 0.000000 0.609000 ( 0.600956)
|
|
202
|
+
|
|
203
|
+
total : 4.670983791351318
|
|
204
|
+
average: 0.2919364869594574
|
|
205
|
+
|
|
206
|
+
</pre>
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
<div id="footer">
|
|
210
|
+
<p>
|
|
211
|
+
<span class="w3cbutton">
|
|
212
|
+
<a href="http://validator.w3.org/check?uri=referer" title="Valid XHTML 1.0 Strict" hreflang="en">
|
|
213
|
+
<span class="w3c">W3C</span>
|
|
214
|
+
<span class="spec">XHTML 1.0</span>
|
|
215
|
+
</a>
|
|
216
|
+
</span>
|
|
217
|
+
|
|
218
|
+
<span class="w3cbutton">
|
|
219
|
+
<a href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS" hreflang="en">
|
|
220
|
+
<span class="w3c">W3C</span>
|
|
221
|
+
<span class="spec">CSS</span>
|
|
222
|
+
</a>
|
|
223
|
+
</span>
|
|
224
|
+
<!--
|
|
225
|
+
<span class="w3cbutton">
|
|
226
|
+
<a href="http://www.w3.org/WAI/WCAG1AAA-Conformance" title="Conforming with the highest level (AAA) of the Web Content Accessibility Guidelines 1.0" hreflang="en">
|
|
227
|
+
<span class="w3c">W3C</span>
|
|
228
|
+
<span class="spec">WAI‑<span class="red">AAA</span> WCAG 1.0</span>
|
|
229
|
+
</a>
|
|
230
|
+
</span>-->
|
|
231
|
+
</p>
|
|
232
|
+
<address>
|
|
233
|
+
<a href="mailto:tinius.alexander@lystadonline.no">T. Alexander Lystad</a>, 29th May 2008
|
|
234
|
+
</address>
|
|
235
|
+
</div>
|
|
236
|
+
</body>
|
|
237
|
+
</html>
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
* {
|
|
2
|
+
border: 0;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
a {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
a:hover {
|
|
10
|
+
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
body {
|
|
14
|
+
background: rgb(249,249,247) url(../gfx/body_bg.gif) repeat-x top left;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
abbr, acronym {
|
|
18
|
+
border-bottom: 1px dotted black;
|
|
19
|
+
cursor: help;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
table {
|
|
23
|
+
border-collapse: collapse;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
table th {
|
|
27
|
+
border-bottom: 2px solid #000;
|
|
28
|
+
border-top: 2px solid #000;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
#container {
|
|
32
|
+
border: 1px solid rgb(220,220,208);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
#header {
|
|
36
|
+
color: #fff;
|
|
37
|
+
background: url(../gfx/header_bg.jpg) repeat-x top left;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
#header a {
|
|
41
|
+
color: #fff;
|
|
42
|
+
text-decoration: none;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
#header #leftSlice {
|
|
46
|
+
z-index: 0;
|
|
47
|
+
background: url(../gfx/header_left.jpg) no-repeat top left;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
#header #rightSlice {
|
|
51
|
+
z-index: 1;
|
|
52
|
+
background: url(../gfx/header_right.jpg) no-repeat top right;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
#header h1 {
|
|
56
|
+
z-index: 3;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
#header #tagline {
|
|
60
|
+
z-index: 3;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
#nav {
|
|
64
|
+
background: #000 url(../gfx/nav_bg.jpg) repeat-x bottom left;
|
|
65
|
+
color: #fff;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
#nav ul {
|
|
69
|
+
list-style: none;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
#nav ul li {
|
|
73
|
+
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
#nav ul li a {
|
|
77
|
+
color: rgb(246,200,71);
|
|
78
|
+
text-decoration: none;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
#nav ul li a:hover {
|
|
82
|
+
color: rgb(244,156,3);
|
|
83
|
+
border-top: 3px solid rgb(244,156,3);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
#nav ul li a.active {
|
|
87
|
+
color: rgb(244,156,3);
|
|
88
|
+
border-top: 6px solid rgb(244,156,3);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
#nav ul li a:hover.active {
|
|
92
|
+
color: rgb(244,156,3);
|
|
93
|
+
border-top: 6px solid rgb(244,156,3);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
#content {
|
|
97
|
+
background: rgb(246,246,246);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
#footer {
|
|
101
|
+
border: 1px solid rgb(220,220,208);
|
|
102
|
+
background: rgb(250,250,248) url(../gfx/footer_bg.gif) repeat-x bottom left;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
#footer .w3cbutton {
|
|
106
|
+
border: 0.06em solid #ccc;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
#footer .w3cbutton .red {
|
|
110
|
+
color: red;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
#footer .w3cbutton a:link,
|
|
114
|
+
#footer .w3cbutton a:visited,
|
|
115
|
+
#footer .w3cbutton a:hover {
|
|
116
|
+
background-color: #fc6;
|
|
117
|
+
color: black;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
#footer .w3cbutton span.w3c {
|
|
121
|
+
background-color: white;
|
|
122
|
+
color: #0c479d;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
#footer .w3cbutton a:link,
|
|
126
|
+
#footer .w3cbutton a:visited,
|
|
127
|
+
#footer .w3cbutton a:hover {
|
|
128
|
+
text-decoration: none;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.project {
|
|
132
|
+
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.project img {
|
|
136
|
+
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.project a.img {
|
|
140
|
+
border: 1px solid rgb(220,220,208);
|
|
141
|
+
background: #fff;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.project a:hover.img {
|
|
145
|
+
border: 1px solid rgb(80,80,80);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
#download {
|
|
149
|
+
background: url(../gfx/button_bg.jpg) repeat-x top left;
|
|
150
|
+
color: white;
|
|
151
|
+
font-size: 1.5em;
|
|
152
|
+
text-decoration: none;
|
|
153
|
+
}
|
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
* {
|
|
2
|
+
margin: 0;
|
|
3
|
+
padding: 0;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
a {
|
|
7
|
+
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
a:hover {
|
|
11
|
+
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
body {
|
|
15
|
+
padding: 2em;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/*
|
|
19
|
+
.left {
|
|
20
|
+
float: left;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.right {
|
|
24
|
+
float: right;
|
|
25
|
+
}
|
|
26
|
+
*/
|
|
27
|
+
|
|
28
|
+
table th, table td {
|
|
29
|
+
padding: 0.2em 0.8em;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
#container {
|
|
33
|
+
margin: 0 auto;
|
|
34
|
+
width: 100%;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
#header {
|
|
38
|
+
width: 100%;
|
|
39
|
+
height: 193px;
|
|
40
|
+
position: relative;
|
|
41
|
+
overflow: hidden;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
#header #leftSlice {
|
|
45
|
+
position: absolute;
|
|
46
|
+
top: 0;
|
|
47
|
+
left: 0;
|
|
48
|
+
width: 269px;
|
|
49
|
+
height: 193px;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
#header #rightSlice {
|
|
53
|
+
position: absolute;
|
|
54
|
+
top: 0;
|
|
55
|
+
right: 0;
|
|
56
|
+
width: 492px;
|
|
57
|
+
height: 193px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
#header h1 {
|
|
61
|
+
position: absolute;
|
|
62
|
+
left: 170px;
|
|
63
|
+
top: 20px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
#header #tagline {
|
|
67
|
+
position: absolute;
|
|
68
|
+
left: 255px;
|
|
69
|
+
top: 60px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
#nav {
|
|
73
|
+
height: 121px;
|
|
74
|
+
overflow: auto;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
#nav ul {
|
|
78
|
+
height: 90px;
|
|
79
|
+
overflow: auto;
|
|
80
|
+
text-align: center;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
#nav ul li {
|
|
84
|
+
display: inline;
|
|
85
|
+
white-space: nowrap;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
#nav ul li a {
|
|
89
|
+
display: inline;
|
|
90
|
+
margin: 0 0.6em;
|
|
91
|
+
height: 40px;
|
|
92
|
+
line-height: 2.05em;
|
|
93
|
+
white-space: nowrap;
|
|
94
|
+
padding-top: 6px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
#nav ul li a:hover {
|
|
98
|
+
padding-top: 3px;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
#nav ul li a.active {
|
|
102
|
+
padding-top: 0;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
#nav ul li a:hover.active {
|
|
106
|
+
padding-top: 0;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
#content {
|
|
110
|
+
padding: 0 1em 1em 1em;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
#content ul {
|
|
114
|
+
list-style-position: inside;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
#content ul li {
|
|
118
|
+
margin: 0.2em;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
#content ul li ul li {
|
|
122
|
+
margin-left: 1.5em;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
#footer {
|
|
126
|
+
margin-top: 1.25em;
|
|
127
|
+
padding: 1em;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
#footer .w3cbutton {
|
|
131
|
+
line-height: 2em;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
#footer .w3cbutton span.w3c {
|
|
135
|
+
padding: 0 0.4em;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
#footer .w3cbutton span.spec {
|
|
139
|
+
padding: 0 0.2em;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
ul.projectlist {
|
|
144
|
+
width: 100%;
|
|
145
|
+
list-style: none;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.project {
|
|
149
|
+
float: left;
|
|
150
|
+
width: 100%;
|
|
151
|
+
display: block;
|
|
152
|
+
padding-bottom: 1em;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.project img {
|
|
156
|
+
float: left;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.project a.img {
|
|
160
|
+
padding: 0.5em;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
.project.left a.img {
|
|
165
|
+
float: left;
|
|
166
|
+
margin: 0 1em 0 0;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.project.right a.img {
|
|
170
|
+
float: right;
|
|
171
|
+
margin: 0 0 0 1em;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
#download {
|
|
175
|
+
display: block;
|
|
176
|
+
padding: 0.2em 0.4em;
|
|
177
|
+
float: right;
|
|
178
|
+
margin: 0 0 1em 1em;
|
|
179
|
+
}
|