patternfly-sass 1.3.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.travis.yml +3 -0
- data/README.md +1 -1
- data/Rakefile +21 -18
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +40 -38
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
- data/assets/javascripts/patternfly.js +111 -109
- data/assets/javascripts/patternfly.min.js +1 -1
- data/assets/stylesheets/_patternfly.scss +36 -40
- data/assets/stylesheets/patternfly/_alerts.scss +1 -1
- data/assets/stylesheets/patternfly/_bootstrap-datepicker-css.scss +752 -0
- data/assets/stylesheets/patternfly/_bootstrap-datepicker.scss +71 -0
- data/assets/stylesheets/patternfly/_bootstrap-select-css.scss +211 -257
- data/assets/stylesheets/patternfly/{c3-css.scss → _c3-css.scss} +0 -0
- data/assets/stylesheets/patternfly/_cards.scss +60 -0
- data/assets/stylesheets/patternfly/_icons.scss +18 -36
- data/assets/stylesheets/patternfly/_login.scss +0 -21
- data/assets/stylesheets/patternfly/_mixin_overrides.scss +4 -2
- data/assets/stylesheets/patternfly/_mixins.scss +16 -2
- data/assets/stylesheets/patternfly/_navbar.scss +0 -11
- data/assets/stylesheets/patternfly/_pagination.scss +2 -2
- data/assets/stylesheets/patternfly/_spinner.scss +12 -14
- data/assets/stylesheets/patternfly/_tooltip.scss +1 -2
- data/assets/stylesheets/patternfly/_variables.scss +12 -8
- data/bower.json +5 -3
- data/lib/patternfly-sass/version.rb +2 -2
- data/patternfly-sass.gemspec +3 -2
- data/spec/compare_spec.rb +17 -2
- data/spec/html/accordions.html +15 -12
- data/spec/html/alerts.html +15 -12
- data/spec/html/badges.html +15 -12
- data/spec/html/basic.html +437 -431
- data/spec/html/blank-slate.html +16 -13
- data/spec/html/bootstrap-combobox.html +15 -12
- data/spec/html/bootstrap-datepicker.html +72 -0
- data/spec/html/bootstrap-select.html +17 -17
- data/spec/html/bootstrap-treeview-2.html +87 -85
- data/spec/html/bootstrap-treeview.html +15 -15
- data/spec/html/breadcrumbs.html +15 -12
- data/spec/html/buttons.html +15 -12
- data/spec/html/cards.html +301 -0
- data/spec/html/charts.html +17 -14
- data/spec/html/code.html +15 -12
- data/spec/html/dashboard.html +18 -12
- data/spec/html/datatables-columns.html +434 -431
- data/spec/html/datatables.html +434 -431
- data/spec/html/dist/css/patternfly-additions.css +3394 -0
- data/spec/html/dist/css/patternfly-additions.css.map +1 -0
- data/spec/html/dist/css/patternfly-additions.min.css +2 -0
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -0
- data/spec/html/dist/css/patternfly.css +836 -2797
- data/spec/html/dist/css/patternfly.css.map +1 -0
- data/spec/html/dist/css/patternfly.min.css +7 -8
- data/spec/html/dist/css/patternfly.min.css.map +1 -0
- data/spec/html/dist/css/styles-additions.css +1 -0
- data/spec/html/dist/css/styles-additions.min.css +1 -0
- data/spec/html/dropdowns.html +15 -12
- data/spec/html/form.html +87 -86
- data/spec/html/forms.html +15 -12
- data/spec/html/icons.html +47 -38
- data/spec/html/index.html +21 -12
- data/spec/html/infotip.html +15 -12
- data/spec/html/labels.html +15 -12
- data/spec/html/list-group.html +15 -12
- data/spec/html/login.html +15 -12
- data/spec/html/modals.html +15 -12
- data/spec/html/navbar.html +77 -824
- data/spec/html/pagination.html +15 -12
- data/spec/html/panels.html +15 -12
- data/spec/html/popovers.html +25 -13
- data/spec/html/progress-bars.html +15 -12
- data/spec/html/search.html +15 -12
- data/spec/html/spinner.html +16 -13
- data/spec/html/tab.html +438 -432
- data/spec/html/tables.html +15 -12
- data/spec/html/tabs.html +15 -12
- data/spec/html/tooltip.html +15 -12
- data/spec/html/typography-2.html +18 -12
- data/spec/html/typography.html +15 -12
- data/tasks/converter.rb +24 -36
- metadata +44 -17
- data/spec/capture.js +0 -43
- data/spec/html/img/dashboard-1.png +0 -0
- data/spec/html/img/dashboard-2.png +0 -0
- data/spec/html/img/dashboard-4.png +0 -0
- data/spec/html/main.html +0 -16
data/spec/html/pagination.html
CHANGED
|
@@ -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>Pagination - 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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="../dist/js/patternfly.min.js"></script>
|
data/spec/html/panels.html
CHANGED
|
@@ -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>Panels - 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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="../dist/js/patternfly.min.js"></script>
|
data/spec/html/popovers.html
CHANGED
|
@@ -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>Popovers - 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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="../dist/js/patternfly.min.js"></script>
|
|
@@ -87,10 +90,19 @@
|
|
|
87
90
|
<div class="bs-example" style="margin: 40px 0;">
|
|
88
91
|
<a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Empty Title example.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-placement="bottom">Popover on bottom</a>
|
|
89
92
|
</div>
|
|
93
|
+
<hr>
|
|
94
|
+
<form class="form-horizontal">
|
|
95
|
+
<div class="form-group">
|
|
96
|
+
<label class="col-sm-2 control-label" for="textInput">Default <a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-html="true" title="" data-content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et <a href='#'>dolore magna aliqua</a>." data-placement="top"><span class="fa fa-info-circle"></span></a></label>
|
|
97
|
+
<div class="col-sm-10">
|
|
98
|
+
<input type="text" id="textInput" class="form-control">
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
</form>
|
|
90
102
|
<script>
|
|
91
103
|
// Initialize Popovers
|
|
92
104
|
$(document).ready(function() {
|
|
93
|
-
|
|
105
|
+
$('[data-toggle=popover]').popovers()
|
|
94
106
|
});
|
|
95
107
|
</script>
|
|
96
108
|
</div><!-- /container -->
|
|
@@ -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>Progress Bars - 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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="../dist/js/patternfly.min.js"></script>
|
data/spec/html/search.html
CHANGED
|
@@ -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>Search - 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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="../dist/js/patternfly.min.js"></script>
|
data/spec/html/spinner.html
CHANGED
|
@@ -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>Spinner - 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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="../dist/js/patternfly.min.js"></script>
|
|
@@ -59,7 +62,7 @@
|
|
|
59
62
|
Inside a <p>
|
|
60
63
|
</p>
|
|
61
64
|
<p class="text-info">
|
|
62
|
-
<strong>Note:</strong>
|
|
65
|
+
<strong>Note:</strong> IE9 requires a conditional class on <html> in order to display an animated gif fallback as they don't support CSS animation. View source on this page and see lines 2-6.
|
|
63
66
|
</p>
|
|
64
67
|
</div><!-- /container -->
|
|
65
68
|
</body>
|
data/spec/html/tab.html
CHANGED
|
@@ -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,18 +7,22 @@
|
|
|
8
7
|
<title>Tab - 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
|
-
|
|
12
|
-
<link rel="apple-touch-icon-precomposed" sizes="
|
|
13
|
-
|
|
14
|
-
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-
|
|
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">
|
|
16
|
-
|
|
17
|
-
<!--[if lt IE 9]>
|
|
18
|
-
<script src="../components/html5shiv/dist/html5shiv.min.js"></script>
|
|
19
|
-
<script src="../components/respond/dest/respond.min.js"></script>
|
|
20
|
-
<![endif]-->
|
|
21
|
-
<!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
|
|
22
|
-
<!-- IE8 requires jQuery v1.x -->
|
|
25
|
+
<link href="../dist/css/patternfly-additions.min.css" rel="stylesheet" media="screen, print">
|
|
23
26
|
<script src="../components/jquery/dist/jquery.min.js"></script>
|
|
24
27
|
<script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
|
|
25
28
|
<script src="../components/datatables/media/js/jquery.dataTables.js"></script>
|
|
@@ -108,6 +111,9 @@
|
|
|
108
111
|
<li>
|
|
109
112
|
<a href="typography-2.html">Typography</a>
|
|
110
113
|
</li>
|
|
114
|
+
<li>
|
|
115
|
+
<a href="cards.html">Cards</a>
|
|
116
|
+
</li>
|
|
111
117
|
</ul>
|
|
112
118
|
</div>
|
|
113
119
|
</nav>
|
|
@@ -136,425 +142,425 @@
|
|
|
136
142
|
<li><a href="#">Secondary Tab Four</a></li>
|
|
137
143
|
<li><a href="#">Secondary Tab Five</a></li>
|
|
138
144
|
</ul>
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
145
|
+
<table class="datatable table table-striped table-bordered">
|
|
146
|
+
<thead>
|
|
147
|
+
<tr>
|
|
148
|
+
<th>Rendering engine</th>
|
|
149
|
+
<th>Browser</th>
|
|
150
|
+
<th>Platform(s)</th>
|
|
151
|
+
<th>Engine version</th>
|
|
152
|
+
<th>CSS grade</th>
|
|
153
|
+
</tr>
|
|
154
|
+
</thead>
|
|
155
|
+
<tbody>
|
|
156
|
+
<tr class="gradeX">
|
|
157
|
+
<td>Trident</td>
|
|
158
|
+
<td>
|
|
159
|
+
Internet
|
|
160
|
+
Explorer
|
|
161
|
+
4.0
|
|
162
|
+
</td>
|
|
163
|
+
<td>Win 95+</td>
|
|
164
|
+
<td class="center">4</td>
|
|
165
|
+
<td class="center">X</td>
|
|
166
|
+
</tr>
|
|
167
|
+
<tr class="gradeC">
|
|
168
|
+
<td>Trident</td>
|
|
169
|
+
<td>Internet
|
|
170
|
+
Explorer 5.0</td>
|
|
171
|
+
<td>Win 95+</td>
|
|
172
|
+
<td class="center">5</td>
|
|
173
|
+
<td class="center">C</td>
|
|
174
|
+
</tr>
|
|
175
|
+
<tr class="gradeA">
|
|
176
|
+
<td>Trident</td>
|
|
177
|
+
<td>Internet
|
|
178
|
+
Explorer 5.5</td>
|
|
179
|
+
<td>Win 95+</td>
|
|
180
|
+
<td class="center">5.5</td>
|
|
181
|
+
<td class="center">A</td>
|
|
182
|
+
</tr>
|
|
183
|
+
<tr class="gradeA">
|
|
184
|
+
<td>Trident</td>
|
|
185
|
+
<td>Internet
|
|
186
|
+
Explorer 6</td>
|
|
187
|
+
<td>Win 98+</td>
|
|
188
|
+
<td class="center">6</td>
|
|
189
|
+
<td class="center">A</td>
|
|
190
|
+
</tr>
|
|
191
|
+
<tr class="gradeA">
|
|
192
|
+
<td>Trident</td>
|
|
193
|
+
<td>Internet Explorer 7</td>
|
|
194
|
+
<td>Win XP SP2+</td>
|
|
195
|
+
<td class="center">7</td>
|
|
196
|
+
<td class="center">A</td>
|
|
197
|
+
</tr>
|
|
198
|
+
<tr class="gradeA">
|
|
199
|
+
<td>Trident</td>
|
|
200
|
+
<td>AOL browser (AOL desktop)</td>
|
|
201
|
+
<td>Win XP</td>
|
|
202
|
+
<td class="center">6</td>
|
|
203
|
+
<td class="center">A</td>
|
|
204
|
+
</tr>
|
|
205
|
+
<tr class="gradeA">
|
|
206
|
+
<td>Gecko</td>
|
|
207
|
+
<td>Firefox 1.0</td>
|
|
208
|
+
<td>Win 98+ / OSX.2+</td>
|
|
209
|
+
<td class="center">1.7</td>
|
|
210
|
+
<td class="center">A</td>
|
|
211
|
+
</tr>
|
|
212
|
+
<tr class="gradeA">
|
|
213
|
+
<td>Gecko</td>
|
|
214
|
+
<td>Firefox 1.5</td>
|
|
215
|
+
<td>Win 98+ / OSX.2+</td>
|
|
216
|
+
<td class="center">1.8</td>
|
|
217
|
+
<td class="center">A</td>
|
|
218
|
+
</tr>
|
|
219
|
+
<tr class="gradeA">
|
|
220
|
+
<td>Gecko</td>
|
|
221
|
+
<td>Firefox 2.0</td>
|
|
222
|
+
<td>Win 98+ / OSX.2+</td>
|
|
223
|
+
<td class="center">1.8</td>
|
|
224
|
+
<td class="center">A</td>
|
|
225
|
+
</tr>
|
|
226
|
+
<tr class="gradeA">
|
|
227
|
+
<td>Gecko</td>
|
|
228
|
+
<td>Firefox 3.0</td>
|
|
229
|
+
<td>Win 2k+ / OSX.3+</td>
|
|
230
|
+
<td class="center">1.9</td>
|
|
231
|
+
<td class="center">A</td>
|
|
232
|
+
</tr>
|
|
233
|
+
<tr class="gradeA">
|
|
234
|
+
<td>Gecko</td>
|
|
235
|
+
<td>Camino 1.0</td>
|
|
236
|
+
<td>OSX.2+</td>
|
|
237
|
+
<td class="center">1.8</td>
|
|
238
|
+
<td class="center">A</td>
|
|
239
|
+
</tr>
|
|
240
|
+
<tr class="gradeA">
|
|
241
|
+
<td>Gecko</td>
|
|
242
|
+
<td>Camino 1.5</td>
|
|
243
|
+
<td>OSX.3+</td>
|
|
244
|
+
<td class="center">1.8</td>
|
|
245
|
+
<td class="center">A</td>
|
|
246
|
+
</tr>
|
|
247
|
+
<tr class="gradeA">
|
|
248
|
+
<td>Gecko</td>
|
|
249
|
+
<td>Netscape 7.2</td>
|
|
250
|
+
<td>Win 95+ / Mac OS 8.6-9.2</td>
|
|
251
|
+
<td class="center">1.7</td>
|
|
252
|
+
<td class="center">A</td>
|
|
253
|
+
</tr>
|
|
254
|
+
<tr class="gradeA">
|
|
255
|
+
<td>Gecko</td>
|
|
256
|
+
<td>Netscape Browser 8</td>
|
|
257
|
+
<td>Win 98SE+</td>
|
|
258
|
+
<td class="center">1.7</td>
|
|
259
|
+
<td class="center">A</td>
|
|
260
|
+
</tr>
|
|
261
|
+
<tr class="gradeA">
|
|
262
|
+
<td>Gecko</td>
|
|
263
|
+
<td>Netscape Navigator 9</td>
|
|
264
|
+
<td>Win 98+ / OSX.2+</td>
|
|
265
|
+
<td class="center">1.8</td>
|
|
266
|
+
<td class="center">A</td>
|
|
267
|
+
</tr>
|
|
268
|
+
<tr class="gradeA">
|
|
269
|
+
<td>Gecko</td>
|
|
270
|
+
<td>Mozilla 1.0</td>
|
|
271
|
+
<td>Win 95+ / OSX.1+</td>
|
|
272
|
+
<td class="center">1</td>
|
|
273
|
+
<td class="center">A</td>
|
|
274
|
+
</tr>
|
|
275
|
+
<tr class="gradeA">
|
|
276
|
+
<td>Gecko</td>
|
|
277
|
+
<td>Mozilla 1.1</td>
|
|
278
|
+
<td>Win 95+ / OSX.1+</td>
|
|
279
|
+
<td class="center">1.1</td>
|
|
280
|
+
<td class="center">A</td>
|
|
281
|
+
</tr>
|
|
282
|
+
<tr class="gradeA">
|
|
283
|
+
<td>Gecko</td>
|
|
284
|
+
<td>Mozilla 1.2</td>
|
|
285
|
+
<td>Win 95+ / OSX.1+</td>
|
|
286
|
+
<td class="center">1.2</td>
|
|
287
|
+
<td class="center">A</td>
|
|
288
|
+
</tr>
|
|
289
|
+
<tr class="gradeA">
|
|
290
|
+
<td>Gecko</td>
|
|
291
|
+
<td>Mozilla 1.3</td>
|
|
292
|
+
<td>Win 95+ / OSX.1+</td>
|
|
293
|
+
<td class="center">1.3</td>
|
|
294
|
+
<td class="center">A</td>
|
|
295
|
+
</tr>
|
|
296
|
+
<tr class="gradeA">
|
|
297
|
+
<td>Gecko</td>
|
|
298
|
+
<td>Mozilla 1.4</td>
|
|
299
|
+
<td>Win 95+ / OSX.1+</td>
|
|
300
|
+
<td class="center">1.4</td>
|
|
301
|
+
<td class="center">A</td>
|
|
302
|
+
</tr>
|
|
303
|
+
<tr class="gradeA">
|
|
304
|
+
<td>Gecko</td>
|
|
305
|
+
<td>Mozilla 1.5</td>
|
|
306
|
+
<td>Win 95+ / OSX.1+</td>
|
|
307
|
+
<td class="center">1.5</td>
|
|
308
|
+
<td class="center">A</td>
|
|
309
|
+
</tr>
|
|
310
|
+
<tr class="gradeA">
|
|
311
|
+
<td>Gecko</td>
|
|
312
|
+
<td>Mozilla 1.6</td>
|
|
313
|
+
<td>Win 95+ / OSX.1+</td>
|
|
314
|
+
<td class="center">1.6</td>
|
|
315
|
+
<td class="center">A</td>
|
|
316
|
+
</tr>
|
|
317
|
+
<tr class="gradeA">
|
|
318
|
+
<td>Gecko</td>
|
|
319
|
+
<td>Mozilla 1.7</td>
|
|
320
|
+
<td>Win 98+ / OSX.1+</td>
|
|
321
|
+
<td class="center">1.7</td>
|
|
322
|
+
<td class="center">A</td>
|
|
323
|
+
</tr>
|
|
324
|
+
<tr class="gradeA">
|
|
325
|
+
<td>Gecko</td>
|
|
326
|
+
<td>Mozilla 1.8</td>
|
|
327
|
+
<td>Win 98+ / OSX.1+</td>
|
|
328
|
+
<td class="center">1.8</td>
|
|
329
|
+
<td class="center">A</td>
|
|
330
|
+
</tr>
|
|
331
|
+
<tr class="gradeA">
|
|
332
|
+
<td>Gecko</td>
|
|
333
|
+
<td>Seamonkey 1.1</td>
|
|
334
|
+
<td>Win 98+ / OSX.2+</td>
|
|
335
|
+
<td class="center">1.8</td>
|
|
336
|
+
<td class="center">A</td>
|
|
337
|
+
</tr>
|
|
338
|
+
<tr class="gradeA">
|
|
339
|
+
<td>Gecko</td>
|
|
340
|
+
<td>Epiphany 2.20</td>
|
|
341
|
+
<td>Gnome</td>
|
|
342
|
+
<td class="center">1.8</td>
|
|
343
|
+
<td class="center">A</td>
|
|
344
|
+
</tr>
|
|
345
|
+
<tr class="gradeA">
|
|
346
|
+
<td>Webkit</td>
|
|
347
|
+
<td>Safari 1.2</td>
|
|
348
|
+
<td>OSX.3</td>
|
|
349
|
+
<td class="center">125.5</td>
|
|
350
|
+
<td class="center">A</td>
|
|
351
|
+
</tr>
|
|
352
|
+
<tr class="gradeA">
|
|
353
|
+
<td>Webkit</td>
|
|
354
|
+
<td>Safari 1.3</td>
|
|
355
|
+
<td>OSX.3</td>
|
|
356
|
+
<td class="center">312.8</td>
|
|
357
|
+
<td class="center">A</td>
|
|
358
|
+
</tr>
|
|
359
|
+
<tr class="gradeA">
|
|
360
|
+
<td>Webkit</td>
|
|
361
|
+
<td>Safari 2.0</td>
|
|
362
|
+
<td>OSX.4+</td>
|
|
363
|
+
<td class="center">419.3</td>
|
|
364
|
+
<td class="center">A</td>
|
|
365
|
+
</tr>
|
|
366
|
+
<tr class="gradeA">
|
|
367
|
+
<td>Webkit</td>
|
|
368
|
+
<td>Safari 3.0</td>
|
|
369
|
+
<td>OSX.4+</td>
|
|
370
|
+
<td class="center">522.1</td>
|
|
371
|
+
<td class="center">A</td>
|
|
372
|
+
</tr>
|
|
373
|
+
<tr class="gradeA">
|
|
374
|
+
<td>Webkit</td>
|
|
375
|
+
<td>OmniWeb 5.5</td>
|
|
376
|
+
<td>OSX.4+</td>
|
|
377
|
+
<td class="center">420</td>
|
|
378
|
+
<td class="center">A</td>
|
|
379
|
+
</tr>
|
|
380
|
+
<tr class="gradeA">
|
|
381
|
+
<td>Webkit</td>
|
|
382
|
+
<td>iPod Touch / iPhone</td>
|
|
383
|
+
<td>iPod</td>
|
|
384
|
+
<td class="center">420.1</td>
|
|
385
|
+
<td class="center">A</td>
|
|
386
|
+
</tr>
|
|
387
|
+
<tr class="gradeA">
|
|
388
|
+
<td>Webkit</td>
|
|
389
|
+
<td>S60</td>
|
|
390
|
+
<td>S60</td>
|
|
391
|
+
<td class="center">413</td>
|
|
392
|
+
<td class="center">A</td>
|
|
393
|
+
</tr>
|
|
394
|
+
<tr class="gradeA">
|
|
395
|
+
<td>Presto</td>
|
|
396
|
+
<td>Opera 7.0</td>
|
|
397
|
+
<td>Win 95+ / OSX.1+</td>
|
|
398
|
+
<td class="center">-</td>
|
|
399
|
+
<td class="center">A</td>
|
|
400
|
+
</tr>
|
|
401
|
+
<tr class="gradeA">
|
|
402
|
+
<td>Presto</td>
|
|
403
|
+
<td>Opera 7.5</td>
|
|
404
|
+
<td>Win 95+ / OSX.2+</td>
|
|
405
|
+
<td class="center">-</td>
|
|
406
|
+
<td class="center">A</td>
|
|
407
|
+
</tr>
|
|
408
|
+
<tr class="gradeA">
|
|
409
|
+
<td>Presto</td>
|
|
410
|
+
<td>Opera 8.0</td>
|
|
411
|
+
<td>Win 95+ / OSX.2+</td>
|
|
412
|
+
<td class="center">-</td>
|
|
413
|
+
<td class="center">A</td>
|
|
414
|
+
</tr>
|
|
415
|
+
<tr class="gradeA">
|
|
416
|
+
<td>Presto</td>
|
|
417
|
+
<td>Opera 8.5</td>
|
|
418
|
+
<td>Win 95+ / OSX.2+</td>
|
|
419
|
+
<td class="center">-</td>
|
|
420
|
+
<td class="center">A</td>
|
|
421
|
+
</tr>
|
|
422
|
+
<tr class="gradeA">
|
|
423
|
+
<td>Presto</td>
|
|
424
|
+
<td>Opera 9.0</td>
|
|
425
|
+
<td>Win 95+ / OSX.3+</td>
|
|
426
|
+
<td class="center">-</td>
|
|
427
|
+
<td class="center">A</td>
|
|
428
|
+
</tr>
|
|
429
|
+
<tr class="gradeA">
|
|
430
|
+
<td>Presto</td>
|
|
431
|
+
<td>Opera 9.2</td>
|
|
432
|
+
<td>Win 88+ / OSX.3+</td>
|
|
433
|
+
<td class="center">-</td>
|
|
434
|
+
<td class="center">A</td>
|
|
435
|
+
</tr>
|
|
436
|
+
<tr class="gradeA">
|
|
437
|
+
<td>Presto</td>
|
|
438
|
+
<td>Opera 9.5</td>
|
|
439
|
+
<td>Win 88+ / OSX.3+</td>
|
|
440
|
+
<td class="center">-</td>
|
|
441
|
+
<td class="center">A</td>
|
|
442
|
+
</tr>
|
|
443
|
+
<tr class="gradeA">
|
|
444
|
+
<td>Presto</td>
|
|
445
|
+
<td>Opera for Wii</td>
|
|
446
|
+
<td>Wii</td>
|
|
447
|
+
<td class="center">-</td>
|
|
448
|
+
<td class="center">A</td>
|
|
449
|
+
</tr>
|
|
450
|
+
<tr class="gradeA">
|
|
451
|
+
<td>Presto</td>
|
|
452
|
+
<td>Nokia N800</td>
|
|
453
|
+
<td>N800</td>
|
|
454
|
+
<td class="center">-</td>
|
|
455
|
+
<td class="center">A</td>
|
|
456
|
+
</tr>
|
|
457
|
+
<tr class="gradeA">
|
|
458
|
+
<td>Presto</td>
|
|
459
|
+
<td>Nintendo DS browser</td>
|
|
460
|
+
<td>Nintendo DS</td>
|
|
461
|
+
<td class="center">8.5</td>
|
|
462
|
+
<td class="center">C/A<sup>1</sup></td>
|
|
463
|
+
</tr>
|
|
464
|
+
<tr class="gradeC">
|
|
465
|
+
<td>KHTML</td>
|
|
466
|
+
<td>Konqureror 3.1</td>
|
|
467
|
+
<td>KDE 3.1</td>
|
|
468
|
+
<td class="center">3.1</td>
|
|
469
|
+
<td class="center">C</td>
|
|
470
|
+
</tr>
|
|
471
|
+
<tr class="gradeA">
|
|
472
|
+
<td>KHTML</td>
|
|
473
|
+
<td>Konqureror 3.3</td>
|
|
474
|
+
<td>KDE 3.3</td>
|
|
475
|
+
<td class="center">3.3</td>
|
|
476
|
+
<td class="center">A</td>
|
|
477
|
+
</tr>
|
|
478
|
+
<tr class="gradeA">
|
|
479
|
+
<td>KHTML</td>
|
|
480
|
+
<td>Konqureror 3.5</td>
|
|
481
|
+
<td>KDE 3.5</td>
|
|
482
|
+
<td class="center">3.5</td>
|
|
483
|
+
<td class="center">A</td>
|
|
484
|
+
</tr>
|
|
485
|
+
<tr class="gradeX">
|
|
486
|
+
<td>Tasman</td>
|
|
487
|
+
<td>Internet Explorer 4.5</td>
|
|
488
|
+
<td>Mac OS 8-9</td>
|
|
489
|
+
<td class="center">-</td>
|
|
490
|
+
<td class="center">X</td>
|
|
491
|
+
</tr>
|
|
492
|
+
<tr class="gradeC">
|
|
493
|
+
<td>Tasman</td>
|
|
494
|
+
<td>Internet Explorer 5.1</td>
|
|
495
|
+
<td>Mac OS 7.6-9</td>
|
|
496
|
+
<td class="center">1</td>
|
|
497
|
+
<td class="center">C</td>
|
|
498
|
+
</tr>
|
|
499
|
+
<tr class="gradeC">
|
|
500
|
+
<td>Tasman</td>
|
|
501
|
+
<td>Internet Explorer 5.2</td>
|
|
502
|
+
<td>Mac OS 8-X</td>
|
|
503
|
+
<td class="center">1</td>
|
|
504
|
+
<td class="center">C</td>
|
|
505
|
+
</tr>
|
|
506
|
+
<tr class="gradeA">
|
|
507
|
+
<td>Misc</td>
|
|
508
|
+
<td>NetFront 3.1</td>
|
|
509
|
+
<td>Embedded devices</td>
|
|
510
|
+
<td class="center">-</td>
|
|
511
|
+
<td class="center">C</td>
|
|
512
|
+
</tr>
|
|
513
|
+
<tr class="gradeA">
|
|
514
|
+
<td>Misc</td>
|
|
515
|
+
<td>NetFront 3.4</td>
|
|
516
|
+
<td>Embedded devices</td>
|
|
517
|
+
<td class="center">-</td>
|
|
518
|
+
<td class="center">A</td>
|
|
519
|
+
</tr>
|
|
520
|
+
<tr class="gradeX">
|
|
521
|
+
<td>Misc</td>
|
|
522
|
+
<td>Dillo 0.8</td>
|
|
523
|
+
<td>Embedded devices</td>
|
|
524
|
+
<td class="center">-</td>
|
|
525
|
+
<td class="center">X</td>
|
|
526
|
+
</tr>
|
|
527
|
+
<tr class="gradeX">
|
|
528
|
+
<td>Misc</td>
|
|
529
|
+
<td>Links</td>
|
|
530
|
+
<td>Text only</td>
|
|
531
|
+
<td class="center">-</td>
|
|
532
|
+
<td class="center">X</td>
|
|
533
|
+
</tr>
|
|
534
|
+
<tr class="gradeX">
|
|
535
|
+
<td>Misc</td>
|
|
536
|
+
<td>Lynx</td>
|
|
537
|
+
<td>Text only</td>
|
|
538
|
+
<td class="center">-</td>
|
|
539
|
+
<td class="center">X</td>
|
|
540
|
+
</tr>
|
|
541
|
+
<tr class="gradeC">
|
|
542
|
+
<td>Misc</td>
|
|
543
|
+
<td>IE Mobile</td>
|
|
544
|
+
<td>Windows Mobile 6</td>
|
|
545
|
+
<td class="center">-</td>
|
|
546
|
+
<td class="center">C</td>
|
|
547
|
+
</tr>
|
|
548
|
+
<tr class="gradeC">
|
|
549
|
+
<td>Misc</td>
|
|
550
|
+
<td>PSP browser</td>
|
|
551
|
+
<td>PSP</td>
|
|
552
|
+
<td class="center">-</td>
|
|
553
|
+
<td class="center">C</td>
|
|
554
|
+
</tr>
|
|
555
|
+
<tr class="gradeU">
|
|
556
|
+
<td>Other browsers</td>
|
|
557
|
+
<td>All others</td>
|
|
558
|
+
<td>-</td>
|
|
559
|
+
<td class="center">-</td>
|
|
560
|
+
<td class="center">U</td>
|
|
561
|
+
</tr>
|
|
562
|
+
</tbody>
|
|
563
|
+
</table>
|
|
558
564
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget eros tincidunt, semper ante nec, dapibus ante.</p>
|
|
559
565
|
</div><!-- /col -->
|
|
560
566
|
<div class="col-sm-3 col-md-2 col-sm-pull-9 col-md-pull-10 sidebar-pf sidebar-pf-left">
|
|
@@ -585,7 +591,7 @@
|
|
|
585
591
|
"fnDrawCallback": function( oSettings ) {
|
|
586
592
|
// if .sidebar-pf exists, call sidebar() after the data table is drawn
|
|
587
593
|
if ($('.sidebar-pf').length > 0) {
|
|
588
|
-
sidebar();
|
|
594
|
+
$(document).sidebar();
|
|
589
595
|
}
|
|
590
596
|
}
|
|
591
597
|
});
|