patternfly-sass 1.3.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +3 -0
  3. data/README.md +1 -1
  4. data/Rakefile +21 -18
  5. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  6. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +40 -38
  7. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  8. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  9. data/assets/javascripts/patternfly.js +111 -109
  10. data/assets/javascripts/patternfly.min.js +1 -1
  11. data/assets/stylesheets/_patternfly.scss +36 -40
  12. data/assets/stylesheets/patternfly/_alerts.scss +1 -1
  13. data/assets/stylesheets/patternfly/_bootstrap-datepicker-css.scss +752 -0
  14. data/assets/stylesheets/patternfly/_bootstrap-datepicker.scss +71 -0
  15. data/assets/stylesheets/patternfly/_bootstrap-select-css.scss +211 -257
  16. data/assets/stylesheets/patternfly/{c3-css.scss → _c3-css.scss} +0 -0
  17. data/assets/stylesheets/patternfly/_cards.scss +60 -0
  18. data/assets/stylesheets/patternfly/_icons.scss +18 -36
  19. data/assets/stylesheets/patternfly/_login.scss +0 -21
  20. data/assets/stylesheets/patternfly/_mixin_overrides.scss +4 -2
  21. data/assets/stylesheets/patternfly/_mixins.scss +16 -2
  22. data/assets/stylesheets/patternfly/_navbar.scss +0 -11
  23. data/assets/stylesheets/patternfly/_pagination.scss +2 -2
  24. data/assets/stylesheets/patternfly/_spinner.scss +12 -14
  25. data/assets/stylesheets/patternfly/_tooltip.scss +1 -2
  26. data/assets/stylesheets/patternfly/_variables.scss +12 -8
  27. data/bower.json +5 -3
  28. data/lib/patternfly-sass/version.rb +2 -2
  29. data/patternfly-sass.gemspec +3 -2
  30. data/spec/compare_spec.rb +17 -2
  31. data/spec/html/accordions.html +15 -12
  32. data/spec/html/alerts.html +15 -12
  33. data/spec/html/badges.html +15 -12
  34. data/spec/html/basic.html +437 -431
  35. data/spec/html/blank-slate.html +16 -13
  36. data/spec/html/bootstrap-combobox.html +15 -12
  37. data/spec/html/bootstrap-datepicker.html +72 -0
  38. data/spec/html/bootstrap-select.html +17 -17
  39. data/spec/html/bootstrap-treeview-2.html +87 -85
  40. data/spec/html/bootstrap-treeview.html +15 -15
  41. data/spec/html/breadcrumbs.html +15 -12
  42. data/spec/html/buttons.html +15 -12
  43. data/spec/html/cards.html +301 -0
  44. data/spec/html/charts.html +17 -14
  45. data/spec/html/code.html +15 -12
  46. data/spec/html/dashboard.html +18 -12
  47. data/spec/html/datatables-columns.html +434 -431
  48. data/spec/html/datatables.html +434 -431
  49. data/spec/html/dist/css/patternfly-additions.css +3394 -0
  50. data/spec/html/dist/css/patternfly-additions.css.map +1 -0
  51. data/spec/html/dist/css/patternfly-additions.min.css +2 -0
  52. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -0
  53. data/spec/html/dist/css/patternfly.css +836 -2797
  54. data/spec/html/dist/css/patternfly.css.map +1 -0
  55. data/spec/html/dist/css/patternfly.min.css +7 -8
  56. data/spec/html/dist/css/patternfly.min.css.map +1 -0
  57. data/spec/html/dist/css/styles-additions.css +1 -0
  58. data/spec/html/dist/css/styles-additions.min.css +1 -0
  59. data/spec/html/dropdowns.html +15 -12
  60. data/spec/html/form.html +87 -86
  61. data/spec/html/forms.html +15 -12
  62. data/spec/html/icons.html +47 -38
  63. data/spec/html/index.html +21 -12
  64. data/spec/html/infotip.html +15 -12
  65. data/spec/html/labels.html +15 -12
  66. data/spec/html/list-group.html +15 -12
  67. data/spec/html/login.html +15 -12
  68. data/spec/html/modals.html +15 -12
  69. data/spec/html/navbar.html +77 -824
  70. data/spec/html/pagination.html +15 -12
  71. data/spec/html/panels.html +15 -12
  72. data/spec/html/popovers.html +25 -13
  73. data/spec/html/progress-bars.html +15 -12
  74. data/spec/html/search.html +15 -12
  75. data/spec/html/spinner.html +16 -13
  76. data/spec/html/tab.html +438 -432
  77. data/spec/html/tables.html +15 -12
  78. data/spec/html/tabs.html +15 -12
  79. data/spec/html/tooltip.html +15 -12
  80. data/spec/html/typography-2.html +18 -12
  81. data/spec/html/typography.html +15 -12
  82. data/tasks/converter.rb +24 -36
  83. metadata +44 -17
  84. data/spec/capture.js +0 -43
  85. data/spec/html/img/dashboard-1.png +0 -0
  86. data/spec/html/img/dashboard-2.png +0 -0
  87. data/spec/html/img/dashboard-4.png +0 -0
  88. data/spec/html/main.html +0 -16
@@ -1,5 +1,4 @@
1
1
  <!DOCTYPE html>
2
- <!--[if IE 8]><html class="ie8"><![endif]-->
3
2
  <!--[if IE 9]><html class="ie9"><![endif]-->
4
3
  <!--[if gt IE 9]><!-->
5
4
  <html>
@@ -8,19 +7,23 @@
8
7
  <title>Data Tables - PatternFly</title>
9
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
9
  <link rel="shortcut icon" href="../dist/img/favicon.ico">
11
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
12
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
13
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
14
- <link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
10
+ <!-- iPad retina icon -->
11
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
12
+ <!-- iPad retina icon (iOS < 7) -->
13
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
14
+ <!-- iPad non-retina icon -->
15
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
16
+ <!-- iPad non-retina icon (iOS < 7) -->
17
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
18
+ <!-- iPhone 6 Plus icon -->
19
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
20
+ <!-- iPhone retina icon (iOS < 7) -->
21
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
22
+ <!-- iPhone non-retina icon (iOS < 7) -->
23
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
15
24
  <link href="../dist/css/patternfly.min.css" rel="stylesheet" media="screen, print">
25
+ <link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
16
26
  <link href="tests.css" rel="stylesheet" media="screen, print">
17
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18
- <!--[if lt IE 9]>
19
- <script src="../components/html5shiv/dist/html5shiv.min.js"></script>
20
- <script src="../components/respond/dest/respond.min.js"></script>
21
- <![endif]-->
22
- <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
23
- <!-- IE8 requires jQuery v1.x -->
24
27
  <script src="../components/jquery/dist/jquery.min.js"></script>
25
28
  <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
26
29
  <script src="../components/datatables/media/js/jquery.dataTables.js"></script>
@@ -36,425 +39,425 @@
36
39
  These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://datatables.net" class="alert-link">http://datatables.net</a>.
37
40
  </div>
38
41
  <hr>
39
- <table class="datatable table table-striped table-bordered">
40
- <thead>
41
- <tr>
42
- <th>Rendering engine</th>
43
- <th>Browser</th>
44
- <th>Platform(s)</th>
45
- <th>Engine version</th>
46
- <th>CSS grade</th>
47
- </tr>
48
- </thead>
49
- <tbody>
50
- <tr class="gradeX">
51
- <td>Trident</td>
52
- <td>
53
- Internet
54
- Explorer
55
- 4.0
56
- </td>
57
- <td>Win 95+</td>
58
- <td class="center">4</td>
59
- <td class="center">X</td>
60
- </tr>
61
- <tr class="gradeC">
62
- <td>Trident</td>
63
- <td>Internet
64
- Explorer 5.0</td>
65
- <td>Win 95+</td>
66
- <td class="center">5</td>
67
- <td class="center">C</td>
68
- </tr>
69
- <tr class="gradeA">
70
- <td>Trident</td>
71
- <td>Internet
72
- Explorer 5.5</td>
73
- <td>Win 95+</td>
74
- <td class="center">5.5</td>
75
- <td class="center">A</td>
76
- </tr>
77
- <tr class="gradeA">
78
- <td>Trident</td>
79
- <td>Internet
80
- Explorer 6</td>
81
- <td>Win 98+</td>
82
- <td class="center">6</td>
83
- <td class="center">A</td>
84
- </tr>
85
- <tr class="gradeA">
86
- <td>Trident</td>
87
- <td>Internet Explorer 7</td>
88
- <td>Win XP SP2+</td>
89
- <td class="center">7</td>
90
- <td class="center">A</td>
91
- </tr>
92
- <tr class="gradeA">
93
- <td>Trident</td>
94
- <td>AOL browser (AOL desktop)</td>
95
- <td>Win XP</td>
96
- <td class="center">6</td>
97
- <td class="center">A</td>
98
- </tr>
99
- <tr class="gradeA">
100
- <td>Gecko</td>
101
- <td>Firefox 1.0</td>
102
- <td>Win 98+ / OSX.2+</td>
103
- <td class="center">1.7</td>
104
- <td class="center">A</td>
105
- </tr>
106
- <tr class="gradeA">
107
- <td>Gecko</td>
108
- <td>Firefox 1.5</td>
109
- <td>Win 98+ / OSX.2+</td>
110
- <td class="center">1.8</td>
111
- <td class="center">A</td>
112
- </tr>
113
- <tr class="gradeA">
114
- <td>Gecko</td>
115
- <td>Firefox 2.0</td>
116
- <td>Win 98+ / OSX.2+</td>
117
- <td class="center">1.8</td>
118
- <td class="center">A</td>
119
- </tr>
120
- <tr class="gradeA">
121
- <td>Gecko</td>
122
- <td>Firefox 3.0</td>
123
- <td>Win 2k+ / OSX.3+</td>
124
- <td class="center">1.9</td>
125
- <td class="center">A</td>
126
- </tr>
127
- <tr class="gradeA">
128
- <td>Gecko</td>
129
- <td>Camino 1.0</td>
130
- <td>OSX.2+</td>
131
- <td class="center">1.8</td>
132
- <td class="center">A</td>
133
- </tr>
134
- <tr class="gradeA">
135
- <td>Gecko</td>
136
- <td>Camino 1.5</td>
137
- <td>OSX.3+</td>
138
- <td class="center">1.8</td>
139
- <td class="center">A</td>
140
- </tr>
141
- <tr class="gradeA">
142
- <td>Gecko</td>
143
- <td>Netscape 7.2</td>
144
- <td>Win 95+ / Mac OS 8.6-9.2</td>
145
- <td class="center">1.7</td>
146
- <td class="center">A</td>
147
- </tr>
148
- <tr class="gradeA">
149
- <td>Gecko</td>
150
- <td>Netscape Browser 8</td>
151
- <td>Win 98SE+</td>
152
- <td class="center">1.7</td>
153
- <td class="center">A</td>
154
- </tr>
155
- <tr class="gradeA">
156
- <td>Gecko</td>
157
- <td>Netscape Navigator 9</td>
158
- <td>Win 98+ / OSX.2+</td>
159
- <td class="center">1.8</td>
160
- <td class="center">A</td>
161
- </tr>
162
- <tr class="gradeA">
163
- <td>Gecko</td>
164
- <td>Mozilla 1.0</td>
165
- <td>Win 95+ / OSX.1+</td>
166
- <td class="center">1</td>
167
- <td class="center">A</td>
168
- </tr>
169
- <tr class="gradeA">
170
- <td>Gecko</td>
171
- <td>Mozilla 1.1</td>
172
- <td>Win 95+ / OSX.1+</td>
173
- <td class="center">1.1</td>
174
- <td class="center">A</td>
175
- </tr>
176
- <tr class="gradeA">
177
- <td>Gecko</td>
178
- <td>Mozilla 1.2</td>
179
- <td>Win 95+ / OSX.1+</td>
180
- <td class="center">1.2</td>
181
- <td class="center">A</td>
182
- </tr>
183
- <tr class="gradeA">
184
- <td>Gecko</td>
185
- <td>Mozilla 1.3</td>
186
- <td>Win 95+ / OSX.1+</td>
187
- <td class="center">1.3</td>
188
- <td class="center">A</td>
189
- </tr>
190
- <tr class="gradeA">
191
- <td>Gecko</td>
192
- <td>Mozilla 1.4</td>
193
- <td>Win 95+ / OSX.1+</td>
194
- <td class="center">1.4</td>
195
- <td class="center">A</td>
196
- </tr>
197
- <tr class="gradeA">
198
- <td>Gecko</td>
199
- <td>Mozilla 1.5</td>
200
- <td>Win 95+ / OSX.1+</td>
201
- <td class="center">1.5</td>
202
- <td class="center">A</td>
203
- </tr>
204
- <tr class="gradeA">
205
- <td>Gecko</td>
206
- <td>Mozilla 1.6</td>
207
- <td>Win 95+ / OSX.1+</td>
208
- <td class="center">1.6</td>
209
- <td class="center">A</td>
210
- </tr>
211
- <tr class="gradeA">
212
- <td>Gecko</td>
213
- <td>Mozilla 1.7</td>
214
- <td>Win 98+ / OSX.1+</td>
215
- <td class="center">1.7</td>
216
- <td class="center">A</td>
217
- </tr>
218
- <tr class="gradeA">
219
- <td>Gecko</td>
220
- <td>Mozilla 1.8</td>
221
- <td>Win 98+ / OSX.1+</td>
222
- <td class="center">1.8</td>
223
- <td class="center">A</td>
224
- </tr>
225
- <tr class="gradeA">
226
- <td>Gecko</td>
227
- <td>Seamonkey 1.1</td>
228
- <td>Win 98+ / OSX.2+</td>
229
- <td class="center">1.8</td>
230
- <td class="center">A</td>
231
- </tr>
232
- <tr class="gradeA">
233
- <td>Gecko</td>
234
- <td>Epiphany 2.20</td>
235
- <td>Gnome</td>
236
- <td class="center">1.8</td>
237
- <td class="center">A</td>
238
- </tr>
239
- <tr class="gradeA">
240
- <td>Webkit</td>
241
- <td>Safari 1.2</td>
242
- <td>OSX.3</td>
243
- <td class="center">125.5</td>
244
- <td class="center">A</td>
245
- </tr>
246
- <tr class="gradeA">
247
- <td>Webkit</td>
248
- <td>Safari 1.3</td>
249
- <td>OSX.3</td>
250
- <td class="center">312.8</td>
251
- <td class="center">A</td>
252
- </tr>
253
- <tr class="gradeA">
254
- <td>Webkit</td>
255
- <td>Safari 2.0</td>
256
- <td>OSX.4+</td>
257
- <td class="center">419.3</td>
258
- <td class="center">A</td>
259
- </tr>
260
- <tr class="gradeA">
261
- <td>Webkit</td>
262
- <td>Safari 3.0</td>
263
- <td>OSX.4+</td>
264
- <td class="center">522.1</td>
265
- <td class="center">A</td>
266
- </tr>
267
- <tr class="gradeA">
268
- <td>Webkit</td>
269
- <td>OmniWeb 5.5</td>
270
- <td>OSX.4+</td>
271
- <td class="center">420</td>
272
- <td class="center">A</td>
273
- </tr>
274
- <tr class="gradeA">
275
- <td>Webkit</td>
276
- <td>iPod Touch / iPhone</td>
277
- <td>iPod</td>
278
- <td class="center">420.1</td>
279
- <td class="center">A</td>
280
- </tr>
281
- <tr class="gradeA">
282
- <td>Webkit</td>
283
- <td>S60</td>
284
- <td>S60</td>
285
- <td class="center">413</td>
286
- <td class="center">A</td>
287
- </tr>
288
- <tr class="gradeA">
289
- <td>Presto</td>
290
- <td>Opera 7.0</td>
291
- <td>Win 95+ / OSX.1+</td>
292
- <td class="center">-</td>
293
- <td class="center">A</td>
294
- </tr>
295
- <tr class="gradeA">
296
- <td>Presto</td>
297
- <td>Opera 7.5</td>
298
- <td>Win 95+ / OSX.2+</td>
299
- <td class="center">-</td>
300
- <td class="center">A</td>
301
- </tr>
302
- <tr class="gradeA">
303
- <td>Presto</td>
304
- <td>Opera 8.0</td>
305
- <td>Win 95+ / OSX.2+</td>
306
- <td class="center">-</td>
307
- <td class="center">A</td>
308
- </tr>
309
- <tr class="gradeA">
310
- <td>Presto</td>
311
- <td>Opera 8.5</td>
312
- <td>Win 95+ / OSX.2+</td>
313
- <td class="center">-</td>
314
- <td class="center">A</td>
315
- </tr>
316
- <tr class="gradeA">
317
- <td>Presto</td>
318
- <td>Opera 9.0</td>
319
- <td>Win 95+ / OSX.3+</td>
320
- <td class="center">-</td>
321
- <td class="center">A</td>
322
- </tr>
323
- <tr class="gradeA">
324
- <td>Presto</td>
325
- <td>Opera 9.2</td>
326
- <td>Win 88+ / OSX.3+</td>
327
- <td class="center">-</td>
328
- <td class="center">A</td>
329
- </tr>
330
- <tr class="gradeA">
331
- <td>Presto</td>
332
- <td>Opera 9.5</td>
333
- <td>Win 88+ / OSX.3+</td>
334
- <td class="center">-</td>
335
- <td class="center">A</td>
336
- </tr>
337
- <tr class="gradeA">
338
- <td>Presto</td>
339
- <td>Opera for Wii</td>
340
- <td>Wii</td>
341
- <td class="center">-</td>
342
- <td class="center">A</td>
343
- </tr>
344
- <tr class="gradeA">
345
- <td>Presto</td>
346
- <td>Nokia N800</td>
347
- <td>N800</td>
348
- <td class="center">-</td>
349
- <td class="center">A</td>
350
- </tr>
351
- <tr class="gradeA">
352
- <td>Presto</td>
353
- <td>Nintendo DS browser</td>
354
- <td>Nintendo DS</td>
355
- <td class="center">8.5</td>
356
- <td class="center">C/A<sup>1</sup></td>
357
- </tr>
358
- <tr class="gradeC">
359
- <td>KHTML</td>
360
- <td>Konqureror 3.1</td>
361
- <td>KDE 3.1</td>
362
- <td class="center">3.1</td>
363
- <td class="center">C</td>
364
- </tr>
365
- <tr class="gradeA">
366
- <td>KHTML</td>
367
- <td>Konqureror 3.3</td>
368
- <td>KDE 3.3</td>
369
- <td class="center">3.3</td>
370
- <td class="center">A</td>
371
- </tr>
372
- <tr class="gradeA">
373
- <td>KHTML</td>
374
- <td>Konqureror 3.5</td>
375
- <td>KDE 3.5</td>
376
- <td class="center">3.5</td>
377
- <td class="center">A</td>
378
- </tr>
379
- <tr class="gradeX">
380
- <td>Tasman</td>
381
- <td>Internet Explorer 4.5</td>
382
- <td>Mac OS 8-9</td>
383
- <td class="center">-</td>
384
- <td class="center">X</td>
385
- </tr>
386
- <tr class="gradeC">
387
- <td>Tasman</td>
388
- <td>Internet Explorer 5.1</td>
389
- <td>Mac OS 7.6-9</td>
390
- <td class="center">1</td>
391
- <td class="center">C</td>
392
- </tr>
393
- <tr class="gradeC">
394
- <td>Tasman</td>
395
- <td>Internet Explorer 5.2</td>
396
- <td>Mac OS 8-X</td>
397
- <td class="center">1</td>
398
- <td class="center">C</td>
399
- </tr>
400
- <tr class="gradeA">
401
- <td>Misc</td>
402
- <td>NetFront 3.1</td>
403
- <td>Embedded devices</td>
404
- <td class="center">-</td>
405
- <td class="center">C</td>
406
- </tr>
407
- <tr class="gradeA">
408
- <td>Misc</td>
409
- <td>NetFront 3.4</td>
410
- <td>Embedded devices</td>
411
- <td class="center">-</td>
412
- <td class="center">A</td>
413
- </tr>
414
- <tr class="gradeX">
415
- <td>Misc</td>
416
- <td>Dillo 0.8</td>
417
- <td>Embedded devices</td>
418
- <td class="center">-</td>
419
- <td class="center">X</td>
420
- </tr>
421
- <tr class="gradeX">
422
- <td>Misc</td>
423
- <td>Links</td>
424
- <td>Text only</td>
425
- <td class="center">-</td>
426
- <td class="center">X</td>
427
- </tr>
428
- <tr class="gradeX">
429
- <td>Misc</td>
430
- <td>Lynx</td>
431
- <td>Text only</td>
432
- <td class="center">-</td>
433
- <td class="center">X</td>
434
- </tr>
435
- <tr class="gradeC">
436
- <td>Misc</td>
437
- <td>IE Mobile</td>
438
- <td>Windows Mobile 6</td>
439
- <td class="center">-</td>
440
- <td class="center">C</td>
441
- </tr>
442
- <tr class="gradeC">
443
- <td>Misc</td>
444
- <td>PSP browser</td>
445
- <td>PSP</td>
446
- <td class="center">-</td>
447
- <td class="center">C</td>
448
- </tr>
449
- <tr class="gradeU">
450
- <td>Other browsers</td>
451
- <td>All others</td>
452
- <td>-</td>
453
- <td class="center">-</td>
454
- <td class="center">U</td>
455
- </tr>
456
- </tbody>
457
- </table>
42
+ <table class="datatable table table-striped table-bordered">
43
+ <thead>
44
+ <tr>
45
+ <th>Rendering engine</th>
46
+ <th>Browser</th>
47
+ <th>Platform(s)</th>
48
+ <th>Engine version</th>
49
+ <th>CSS grade</th>
50
+ </tr>
51
+ </thead>
52
+ <tbody>
53
+ <tr class="gradeX">
54
+ <td>Trident</td>
55
+ <td>
56
+ Internet
57
+ Explorer
58
+ 4.0
59
+ </td>
60
+ <td>Win 95+</td>
61
+ <td class="center">4</td>
62
+ <td class="center">X</td>
63
+ </tr>
64
+ <tr class="gradeC">
65
+ <td>Trident</td>
66
+ <td>Internet
67
+ Explorer 5.0</td>
68
+ <td>Win 95+</td>
69
+ <td class="center">5</td>
70
+ <td class="center">C</td>
71
+ </tr>
72
+ <tr class="gradeA">
73
+ <td>Trident</td>
74
+ <td>Internet
75
+ Explorer 5.5</td>
76
+ <td>Win 95+</td>
77
+ <td class="center">5.5</td>
78
+ <td class="center">A</td>
79
+ </tr>
80
+ <tr class="gradeA">
81
+ <td>Trident</td>
82
+ <td>Internet
83
+ Explorer 6</td>
84
+ <td>Win 98+</td>
85
+ <td class="center">6</td>
86
+ <td class="center">A</td>
87
+ </tr>
88
+ <tr class="gradeA">
89
+ <td>Trident</td>
90
+ <td>Internet Explorer 7</td>
91
+ <td>Win XP SP2+</td>
92
+ <td class="center">7</td>
93
+ <td class="center">A</td>
94
+ </tr>
95
+ <tr class="gradeA">
96
+ <td>Trident</td>
97
+ <td>AOL browser (AOL desktop)</td>
98
+ <td>Win XP</td>
99
+ <td class="center">6</td>
100
+ <td class="center">A</td>
101
+ </tr>
102
+ <tr class="gradeA">
103
+ <td>Gecko</td>
104
+ <td>Firefox 1.0</td>
105
+ <td>Win 98+ / OSX.2+</td>
106
+ <td class="center">1.7</td>
107
+ <td class="center">A</td>
108
+ </tr>
109
+ <tr class="gradeA">
110
+ <td>Gecko</td>
111
+ <td>Firefox 1.5</td>
112
+ <td>Win 98+ / OSX.2+</td>
113
+ <td class="center">1.8</td>
114
+ <td class="center">A</td>
115
+ </tr>
116
+ <tr class="gradeA">
117
+ <td>Gecko</td>
118
+ <td>Firefox 2.0</td>
119
+ <td>Win 98+ / OSX.2+</td>
120
+ <td class="center">1.8</td>
121
+ <td class="center">A</td>
122
+ </tr>
123
+ <tr class="gradeA">
124
+ <td>Gecko</td>
125
+ <td>Firefox 3.0</td>
126
+ <td>Win 2k+ / OSX.3+</td>
127
+ <td class="center">1.9</td>
128
+ <td class="center">A</td>
129
+ </tr>
130
+ <tr class="gradeA">
131
+ <td>Gecko</td>
132
+ <td>Camino 1.0</td>
133
+ <td>OSX.2+</td>
134
+ <td class="center">1.8</td>
135
+ <td class="center">A</td>
136
+ </tr>
137
+ <tr class="gradeA">
138
+ <td>Gecko</td>
139
+ <td>Camino 1.5</td>
140
+ <td>OSX.3+</td>
141
+ <td class="center">1.8</td>
142
+ <td class="center">A</td>
143
+ </tr>
144
+ <tr class="gradeA">
145
+ <td>Gecko</td>
146
+ <td>Netscape 7.2</td>
147
+ <td>Win 95+ / Mac OS 8.6-9.2</td>
148
+ <td class="center">1.7</td>
149
+ <td class="center">A</td>
150
+ </tr>
151
+ <tr class="gradeA">
152
+ <td>Gecko</td>
153
+ <td>Netscape Browser 8</td>
154
+ <td>Win 98SE+</td>
155
+ <td class="center">1.7</td>
156
+ <td class="center">A</td>
157
+ </tr>
158
+ <tr class="gradeA">
159
+ <td>Gecko</td>
160
+ <td>Netscape Navigator 9</td>
161
+ <td>Win 98+ / OSX.2+</td>
162
+ <td class="center">1.8</td>
163
+ <td class="center">A</td>
164
+ </tr>
165
+ <tr class="gradeA">
166
+ <td>Gecko</td>
167
+ <td>Mozilla 1.0</td>
168
+ <td>Win 95+ / OSX.1+</td>
169
+ <td class="center">1</td>
170
+ <td class="center">A</td>
171
+ </tr>
172
+ <tr class="gradeA">
173
+ <td>Gecko</td>
174
+ <td>Mozilla 1.1</td>
175
+ <td>Win 95+ / OSX.1+</td>
176
+ <td class="center">1.1</td>
177
+ <td class="center">A</td>
178
+ </tr>
179
+ <tr class="gradeA">
180
+ <td>Gecko</td>
181
+ <td>Mozilla 1.2</td>
182
+ <td>Win 95+ / OSX.1+</td>
183
+ <td class="center">1.2</td>
184
+ <td class="center">A</td>
185
+ </tr>
186
+ <tr class="gradeA">
187
+ <td>Gecko</td>
188
+ <td>Mozilla 1.3</td>
189
+ <td>Win 95+ / OSX.1+</td>
190
+ <td class="center">1.3</td>
191
+ <td class="center">A</td>
192
+ </tr>
193
+ <tr class="gradeA">
194
+ <td>Gecko</td>
195
+ <td>Mozilla 1.4</td>
196
+ <td>Win 95+ / OSX.1+</td>
197
+ <td class="center">1.4</td>
198
+ <td class="center">A</td>
199
+ </tr>
200
+ <tr class="gradeA">
201
+ <td>Gecko</td>
202
+ <td>Mozilla 1.5</td>
203
+ <td>Win 95+ / OSX.1+</td>
204
+ <td class="center">1.5</td>
205
+ <td class="center">A</td>
206
+ </tr>
207
+ <tr class="gradeA">
208
+ <td>Gecko</td>
209
+ <td>Mozilla 1.6</td>
210
+ <td>Win 95+ / OSX.1+</td>
211
+ <td class="center">1.6</td>
212
+ <td class="center">A</td>
213
+ </tr>
214
+ <tr class="gradeA">
215
+ <td>Gecko</td>
216
+ <td>Mozilla 1.7</td>
217
+ <td>Win 98+ / OSX.1+</td>
218
+ <td class="center">1.7</td>
219
+ <td class="center">A</td>
220
+ </tr>
221
+ <tr class="gradeA">
222
+ <td>Gecko</td>
223
+ <td>Mozilla 1.8</td>
224
+ <td>Win 98+ / OSX.1+</td>
225
+ <td class="center">1.8</td>
226
+ <td class="center">A</td>
227
+ </tr>
228
+ <tr class="gradeA">
229
+ <td>Gecko</td>
230
+ <td>Seamonkey 1.1</td>
231
+ <td>Win 98+ / OSX.2+</td>
232
+ <td class="center">1.8</td>
233
+ <td class="center">A</td>
234
+ </tr>
235
+ <tr class="gradeA">
236
+ <td>Gecko</td>
237
+ <td>Epiphany 2.20</td>
238
+ <td>Gnome</td>
239
+ <td class="center">1.8</td>
240
+ <td class="center">A</td>
241
+ </tr>
242
+ <tr class="gradeA">
243
+ <td>Webkit</td>
244
+ <td>Safari 1.2</td>
245
+ <td>OSX.3</td>
246
+ <td class="center">125.5</td>
247
+ <td class="center">A</td>
248
+ </tr>
249
+ <tr class="gradeA">
250
+ <td>Webkit</td>
251
+ <td>Safari 1.3</td>
252
+ <td>OSX.3</td>
253
+ <td class="center">312.8</td>
254
+ <td class="center">A</td>
255
+ </tr>
256
+ <tr class="gradeA">
257
+ <td>Webkit</td>
258
+ <td>Safari 2.0</td>
259
+ <td>OSX.4+</td>
260
+ <td class="center">419.3</td>
261
+ <td class="center">A</td>
262
+ </tr>
263
+ <tr class="gradeA">
264
+ <td>Webkit</td>
265
+ <td>Safari 3.0</td>
266
+ <td>OSX.4+</td>
267
+ <td class="center">522.1</td>
268
+ <td class="center">A</td>
269
+ </tr>
270
+ <tr class="gradeA">
271
+ <td>Webkit</td>
272
+ <td>OmniWeb 5.5</td>
273
+ <td>OSX.4+</td>
274
+ <td class="center">420</td>
275
+ <td class="center">A</td>
276
+ </tr>
277
+ <tr class="gradeA">
278
+ <td>Webkit</td>
279
+ <td>iPod Touch / iPhone</td>
280
+ <td>iPod</td>
281
+ <td class="center">420.1</td>
282
+ <td class="center">A</td>
283
+ </tr>
284
+ <tr class="gradeA">
285
+ <td>Webkit</td>
286
+ <td>S60</td>
287
+ <td>S60</td>
288
+ <td class="center">413</td>
289
+ <td class="center">A</td>
290
+ </tr>
291
+ <tr class="gradeA">
292
+ <td>Presto</td>
293
+ <td>Opera 7.0</td>
294
+ <td>Win 95+ / OSX.1+</td>
295
+ <td class="center">-</td>
296
+ <td class="center">A</td>
297
+ </tr>
298
+ <tr class="gradeA">
299
+ <td>Presto</td>
300
+ <td>Opera 7.5</td>
301
+ <td>Win 95+ / OSX.2+</td>
302
+ <td class="center">-</td>
303
+ <td class="center">A</td>
304
+ </tr>
305
+ <tr class="gradeA">
306
+ <td>Presto</td>
307
+ <td>Opera 8.0</td>
308
+ <td>Win 95+ / OSX.2+</td>
309
+ <td class="center">-</td>
310
+ <td class="center">A</td>
311
+ </tr>
312
+ <tr class="gradeA">
313
+ <td>Presto</td>
314
+ <td>Opera 8.5</td>
315
+ <td>Win 95+ / OSX.2+</td>
316
+ <td class="center">-</td>
317
+ <td class="center">A</td>
318
+ </tr>
319
+ <tr class="gradeA">
320
+ <td>Presto</td>
321
+ <td>Opera 9.0</td>
322
+ <td>Win 95+ / OSX.3+</td>
323
+ <td class="center">-</td>
324
+ <td class="center">A</td>
325
+ </tr>
326
+ <tr class="gradeA">
327
+ <td>Presto</td>
328
+ <td>Opera 9.2</td>
329
+ <td>Win 88+ / OSX.3+</td>
330
+ <td class="center">-</td>
331
+ <td class="center">A</td>
332
+ </tr>
333
+ <tr class="gradeA">
334
+ <td>Presto</td>
335
+ <td>Opera 9.5</td>
336
+ <td>Win 88+ / OSX.3+</td>
337
+ <td class="center">-</td>
338
+ <td class="center">A</td>
339
+ </tr>
340
+ <tr class="gradeA">
341
+ <td>Presto</td>
342
+ <td>Opera for Wii</td>
343
+ <td>Wii</td>
344
+ <td class="center">-</td>
345
+ <td class="center">A</td>
346
+ </tr>
347
+ <tr class="gradeA">
348
+ <td>Presto</td>
349
+ <td>Nokia N800</td>
350
+ <td>N800</td>
351
+ <td class="center">-</td>
352
+ <td class="center">A</td>
353
+ </tr>
354
+ <tr class="gradeA">
355
+ <td>Presto</td>
356
+ <td>Nintendo DS browser</td>
357
+ <td>Nintendo DS</td>
358
+ <td class="center">8.5</td>
359
+ <td class="center">C/A<sup>1</sup></td>
360
+ </tr>
361
+ <tr class="gradeC">
362
+ <td>KHTML</td>
363
+ <td>Konqureror 3.1</td>
364
+ <td>KDE 3.1</td>
365
+ <td class="center">3.1</td>
366
+ <td class="center">C</td>
367
+ </tr>
368
+ <tr class="gradeA">
369
+ <td>KHTML</td>
370
+ <td>Konqureror 3.3</td>
371
+ <td>KDE 3.3</td>
372
+ <td class="center">3.3</td>
373
+ <td class="center">A</td>
374
+ </tr>
375
+ <tr class="gradeA">
376
+ <td>KHTML</td>
377
+ <td>Konqureror 3.5</td>
378
+ <td>KDE 3.5</td>
379
+ <td class="center">3.5</td>
380
+ <td class="center">A</td>
381
+ </tr>
382
+ <tr class="gradeX">
383
+ <td>Tasman</td>
384
+ <td>Internet Explorer 4.5</td>
385
+ <td>Mac OS 8-9</td>
386
+ <td class="center">-</td>
387
+ <td class="center">X</td>
388
+ </tr>
389
+ <tr class="gradeC">
390
+ <td>Tasman</td>
391
+ <td>Internet Explorer 5.1</td>
392
+ <td>Mac OS 7.6-9</td>
393
+ <td class="center">1</td>
394
+ <td class="center">C</td>
395
+ </tr>
396
+ <tr class="gradeC">
397
+ <td>Tasman</td>
398
+ <td>Internet Explorer 5.2</td>
399
+ <td>Mac OS 8-X</td>
400
+ <td class="center">1</td>
401
+ <td class="center">C</td>
402
+ </tr>
403
+ <tr class="gradeA">
404
+ <td>Misc</td>
405
+ <td>NetFront 3.1</td>
406
+ <td>Embedded devices</td>
407
+ <td class="center">-</td>
408
+ <td class="center">C</td>
409
+ </tr>
410
+ <tr class="gradeA">
411
+ <td>Misc</td>
412
+ <td>NetFront 3.4</td>
413
+ <td>Embedded devices</td>
414
+ <td class="center">-</td>
415
+ <td class="center">A</td>
416
+ </tr>
417
+ <tr class="gradeX">
418
+ <td>Misc</td>
419
+ <td>Dillo 0.8</td>
420
+ <td>Embedded devices</td>
421
+ <td class="center">-</td>
422
+ <td class="center">X</td>
423
+ </tr>
424
+ <tr class="gradeX">
425
+ <td>Misc</td>
426
+ <td>Links</td>
427
+ <td>Text only</td>
428
+ <td class="center">-</td>
429
+ <td class="center">X</td>
430
+ </tr>
431
+ <tr class="gradeX">
432
+ <td>Misc</td>
433
+ <td>Lynx</td>
434
+ <td>Text only</td>
435
+ <td class="center">-</td>
436
+ <td class="center">X</td>
437
+ </tr>
438
+ <tr class="gradeC">
439
+ <td>Misc</td>
440
+ <td>IE Mobile</td>
441
+ <td>Windows Mobile 6</td>
442
+ <td class="center">-</td>
443
+ <td class="center">C</td>
444
+ </tr>
445
+ <tr class="gradeC">
446
+ <td>Misc</td>
447
+ <td>PSP browser</td>
448
+ <td>PSP</td>
449
+ <td class="center">-</td>
450
+ <td class="center">C</td>
451
+ </tr>
452
+ <tr class="gradeU">
453
+ <td>Other browsers</td>
454
+ <td>All others</td>
455
+ <td>-</td>
456
+ <td class="center">-</td>
457
+ <td class="center">U</td>
458
+ </tr>
459
+ </tbody>
460
+ </table>
458
461
  <script>
459
462
  // Initialize Datatables
460
463
  $(document).ready(function() {