patternfly-sass 3.0.0 → 3.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.travis.yml +7 -0
- data/README.md +1 -0
- data/assets/javascripts/patternfly.js +378 -0
- data/assets/javascripts/patternfly.min.js +1 -1
- data/assets/stylesheets/_patternfly.scss +2 -0
- data/assets/stylesheets/patternfly/_footer.scss +5 -5
- data/assets/stylesheets/patternfly/_layouts.scss +68 -3
- data/assets/stylesheets/patternfly/_navbar-vertical.scss +136 -0
- data/assets/stylesheets/patternfly/_tables.scss +20 -0
- data/assets/stylesheets/patternfly/_variables.scss +94 -31
- data/assets/stylesheets/patternfly/_vertical-nav.scss +428 -0
- data/assets/stylesheets/patternfly/lib/bootstrap-select.scss +7 -7
- data/bower.json +2 -2
- data/lib/patternfly-sass/version.rb +2 -2
- data/spec/html/basic.html +7 -0
- data/spec/html/bootstrap-treeview-2.html +7 -0
- data/spec/html/cards.html +7 -0
- data/spec/html/dashboard.html +7 -0
- data/spec/html/dist/css/patternfly-additions.css +562 -2
- data/spec/html/dist/css/patternfly-additions.css.map +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
- data/spec/html/dist/css/patternfly.css +18 -0
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css +3 -3
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/form.html +7 -0
- data/spec/html/index.html +6 -0
- data/spec/html/layout-alt-fixed-inner-scroll.html +7 -0
- data/spec/html/layout-alt-fixed-with-footer-inner-scroll.html +7 -0
- data/spec/html/layout-alt-fixed-with-footer.html +7 -0
- data/spec/html/layout-alt-fixed.html +7 -0
- data/spec/html/list-view.html +2 -2
- data/spec/html/login.html +8 -0
- data/spec/html/tab.html +7 -0
- data/spec/html/tables.html +127 -0
- data/spec/html/typography-2.html +8 -0
- data/spec/html/vertical-navigation-without-icons.html +960 -0
- data/spec/html/vertical-navigation.html +960 -0
- metadata +8 -2
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Bootstrap-select v1.7.7 (http://silviomoreto.github.io/bootstrap-select)
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2013-2015 bootstrap-select
|
|
5
|
-
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
|
6
|
-
*/
|
|
7
|
-
|
|
1
|
+
/*!
|
|
2
|
+
* Bootstrap-select v1.7.7 (http://silviomoreto.github.io/bootstrap-select)
|
|
3
|
+
*
|
|
4
|
+
* Copyright 2013-2015 bootstrap-select
|
|
5
|
+
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
8
|
.bootstrap-select {
|
|
9
9
|
width: 220px \0;
|
|
10
10
|
/*IE9 and below*/
|
data/bower.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "patternfly-sass",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"homepage": "https://www.patternfly.org",
|
|
6
6
|
"authors": [
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"datatables": "~1.10.9",
|
|
40
40
|
"datatables-colreorder": "~1.1.3",
|
|
41
41
|
"datatables-colvis": "~1.1.2",
|
|
42
|
-
"font-awesome": "~4.3.0",
|
|
42
|
+
"font-awesome-sass": "~4.3.0",
|
|
43
43
|
"google-code-prettify": "~1.0.4",
|
|
44
44
|
"jquery": "~2.1.4",
|
|
45
45
|
"matchHeight": "~0.6.0"
|
data/spec/html/basic.html
CHANGED
|
@@ -30,6 +30,13 @@
|
|
|
30
30
|
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
|
|
31
31
|
<script src="../dist/js/patternfly.min.js"></script>
|
|
32
32
|
</head>
|
|
33
|
+
<div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
|
|
34
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
35
|
+
<span class="pficon pficon-close"></span>
|
|
36
|
+
</button>
|
|
37
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
38
|
+
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> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
|
|
39
|
+
</div>
|
|
33
40
|
|
|
34
41
|
<body>
|
|
35
42
|
<nav class="navbar navbar-default navbar-pf" role="navigation">
|
|
@@ -31,6 +31,13 @@
|
|
|
31
31
|
<script src="//rawgit.com/jonmiles/bootstrap-treeview/v1.2.0/dist/bootstrap-treeview.min.js"></script>
|
|
32
32
|
<script src="../dist/js/patternfly.min.js"></script>
|
|
33
33
|
</head>
|
|
34
|
+
<div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
|
|
35
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
36
|
+
<span class="pficon pficon-close"></span>
|
|
37
|
+
</button>
|
|
38
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
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> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
|
|
40
|
+
</div>
|
|
34
41
|
|
|
35
42
|
<body>
|
|
36
43
|
<nav class="navbar navbar-default navbar-pf" role="navigation">
|
data/spec/html/cards.html
CHANGED
|
@@ -32,6 +32,13 @@
|
|
|
32
32
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
|
|
33
33
|
<script src="../dist/js/patternfly.min.js"></script>
|
|
34
34
|
</head>
|
|
35
|
+
<div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
|
|
36
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
37
|
+
<span class="pficon pficon-close"></span>
|
|
38
|
+
</button>
|
|
39
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
40
|
+
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> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
|
|
41
|
+
</div>
|
|
35
42
|
|
|
36
43
|
<div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-success alert-dismissable">
|
|
37
44
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
data/spec/html/dashboard.html
CHANGED
|
@@ -31,6 +31,13 @@
|
|
|
31
31
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
|
|
32
32
|
<script src="../dist/js/patternfly.min.js"></script>
|
|
33
33
|
</head>
|
|
34
|
+
<div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
|
|
35
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
36
|
+
<span class="pficon pficon-close"></span>
|
|
37
|
+
</button>
|
|
38
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
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> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
|
|
40
|
+
</div>
|
|
34
41
|
|
|
35
42
|
<body>
|
|
36
43
|
<nav class="navbar navbar-default navbar-pf" role="navigation">
|
|
@@ -2661,7 +2661,8 @@ table.datatable thead .sorting_asc:after {
|
|
|
2661
2661
|
table.datatable th:active {
|
|
2662
2662
|
outline: none;
|
|
2663
2663
|
}
|
|
2664
|
-
.footer-pf-alt
|
|
2664
|
+
.footer-pf-alt,
|
|
2665
|
+
.footer-pf {
|
|
2665
2666
|
background-color: #030303;
|
|
2666
2667
|
color: #999999;
|
|
2667
2668
|
font-size: 11px;
|
|
@@ -2669,7 +2670,10 @@ table.datatable th:active {
|
|
|
2669
2670
|
padding-left: 25px;
|
|
2670
2671
|
padding-top: 10px;
|
|
2671
2672
|
}
|
|
2672
|
-
.layout-pf-alt-fixed-with-footer .footer-pf-alt
|
|
2673
|
+
.layout-pf-alt-fixed-with-footer .footer-pf-alt,
|
|
2674
|
+
.layout-pf-alt-fixed-with-footer .footer-pf,
|
|
2675
|
+
.layout-pf-fixed-with-footer .footer-pf-alt,
|
|
2676
|
+
.layout-pf-fixed-with-footer .footer-pf {
|
|
2673
2677
|
bottom: 0;
|
|
2674
2678
|
left: 0;
|
|
2675
2679
|
position: fixed;
|
|
@@ -2992,6 +2996,66 @@ table.datatable th:active {
|
|
|
2992
2996
|
content: " ";
|
|
2993
2997
|
right: 1px;
|
|
2994
2998
|
}
|
|
2999
|
+
.layout-pf,
|
|
3000
|
+
.layout-pf body {
|
|
3001
|
+
min-height: 100%;
|
|
3002
|
+
}
|
|
3003
|
+
.layout-pf.layout-pf-fixed.transitions .container-pf-nav-pf-vertical {
|
|
3004
|
+
transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
|
|
3005
|
+
}
|
|
3006
|
+
.layout-pf.layout-pf-fixed body {
|
|
3007
|
+
padding-top: 60px;
|
|
3008
|
+
}
|
|
3009
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical {
|
|
3010
|
+
margin-left: 200px;
|
|
3011
|
+
}
|
|
3012
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hidden-icons-pf {
|
|
3013
|
+
margin-left: 176px;
|
|
3014
|
+
}
|
|
3015
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.collapsed-nav {
|
|
3016
|
+
margin-left: 0;
|
|
3017
|
+
}
|
|
3018
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.hidden-nav {
|
|
3019
|
+
margin-left: 0;
|
|
3020
|
+
}
|
|
3021
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-nav {
|
|
3022
|
+
margin-left: 75px;
|
|
3023
|
+
}
|
|
3024
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-nav.hidden-icons-pf {
|
|
3025
|
+
margin-left: 0;
|
|
3026
|
+
}
|
|
3027
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf {
|
|
3028
|
+
margin-left: 200px;
|
|
3029
|
+
}
|
|
3030
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-icons-pf {
|
|
3031
|
+
margin-left: 176px;
|
|
3032
|
+
}
|
|
3033
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-nav {
|
|
3034
|
+
margin-left: 0;
|
|
3035
|
+
}
|
|
3036
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav {
|
|
3037
|
+
margin-left: 75px;
|
|
3038
|
+
}
|
|
3039
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf {
|
|
3040
|
+
margin-left: 0;
|
|
3041
|
+
}
|
|
3042
|
+
@media (min-width: 1200px) {
|
|
3043
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf {
|
|
3044
|
+
margin-left: 450px;
|
|
3045
|
+
}
|
|
3046
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-icons-pf {
|
|
3047
|
+
margin-left: 426px;
|
|
3048
|
+
}
|
|
3049
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-nav {
|
|
3050
|
+
margin-left: 0;
|
|
3051
|
+
}
|
|
3052
|
+
}
|
|
3053
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.hidden-nav {
|
|
3054
|
+
margin-left: 0;
|
|
3055
|
+
}
|
|
3056
|
+
.layout-pf.layout-pf-fixed-with-footer body {
|
|
3057
|
+
padding-bottom: 37px;
|
|
3058
|
+
}
|
|
2995
3059
|
.layout-pf-alt,
|
|
2996
3060
|
.layout-pf-alt body {
|
|
2997
3061
|
min-height: 100%;
|
|
@@ -4057,6 +4121,123 @@ table.datatable th:active {
|
|
|
4057
4121
|
.navbar-pf-alt .navbar-toggle .icon-bar {
|
|
4058
4122
|
background: #cfcfcf;
|
|
4059
4123
|
}
|
|
4124
|
+
.navbar-pf-vertical {
|
|
4125
|
+
background-color: #1d1d1d;
|
|
4126
|
+
border: none;
|
|
4127
|
+
border-radius: 0;
|
|
4128
|
+
border-top: 2px solid #199dde;
|
|
4129
|
+
margin-bottom: 0;
|
|
4130
|
+
}
|
|
4131
|
+
.navbar-pf-vertical .infotip.bottom-right .arrow {
|
|
4132
|
+
left: 90%;
|
|
4133
|
+
}
|
|
4134
|
+
.layout-pf-fixed .navbar-pf-vertical {
|
|
4135
|
+
left: 0;
|
|
4136
|
+
position: fixed;
|
|
4137
|
+
right: 0;
|
|
4138
|
+
top: 0;
|
|
4139
|
+
z-index: 1030;
|
|
4140
|
+
}
|
|
4141
|
+
.navbar-pf-vertical .nav.navbar-nav > li > .dropdown-menu.infotip {
|
|
4142
|
+
margin-top: 0;
|
|
4143
|
+
}
|
|
4144
|
+
.navbar-pf-vertical .nav .nav-item-iconic {
|
|
4145
|
+
cursor: pointer;
|
|
4146
|
+
line-height: 1;
|
|
4147
|
+
max-height: 58px;
|
|
4148
|
+
padding: 21px 12px;
|
|
4149
|
+
position: relative;
|
|
4150
|
+
}
|
|
4151
|
+
.navbar-pf-vertical .nav .nav-item-iconic:hover,
|
|
4152
|
+
.navbar-pf-vertical .nav .nav-item-iconic:focus {
|
|
4153
|
+
background-color: transparent;
|
|
4154
|
+
}
|
|
4155
|
+
.navbar-pf-vertical .nav .nav-item-iconic:hover .caret,
|
|
4156
|
+
.navbar-pf-vertical .nav .nav-item-iconic:focus .caret,
|
|
4157
|
+
.navbar-pf-vertical .nav .nav-item-iconic:hover .fa,
|
|
4158
|
+
.navbar-pf-vertical .nav .nav-item-iconic:focus .fa,
|
|
4159
|
+
.navbar-pf-vertical .nav .nav-item-iconic:hover .glyphicon,
|
|
4160
|
+
.navbar-pf-vertical .nav .nav-item-iconic:focus .glyphicon,
|
|
4161
|
+
.navbar-pf-vertical .nav .nav-item-iconic:hover .pf-icon,
|
|
4162
|
+
.navbar-pf-vertical .nav .nav-item-iconic:focus .pf-icon {
|
|
4163
|
+
color: #ffffff;
|
|
4164
|
+
}
|
|
4165
|
+
.navbar-pf-vertical .nav .nav-item-iconic .badge {
|
|
4166
|
+
background-color: #cc0000;
|
|
4167
|
+
border-radius: 20px;
|
|
4168
|
+
color: #ffffff;
|
|
4169
|
+
cursor: pointer;
|
|
4170
|
+
font-size: 9px;
|
|
4171
|
+
font-weight: 700;
|
|
4172
|
+
margin: 0 0 -11px -12px;
|
|
4173
|
+
min-width: 0;
|
|
4174
|
+
padding: 2px 4px;
|
|
4175
|
+
}
|
|
4176
|
+
.navbar-pf-vertical .nav .nav-item-iconic .caret,
|
|
4177
|
+
.navbar-pf-vertical .nav .nav-item-iconic .fa,
|
|
4178
|
+
.navbar-pf-vertical .nav .nav-item-iconic .pf-icon {
|
|
4179
|
+
color: #cfcfcf;
|
|
4180
|
+
font-size: 16px;
|
|
4181
|
+
}
|
|
4182
|
+
.navbar-pf-vertical .nav .nav-item-iconic .caret {
|
|
4183
|
+
font-size: 12px;
|
|
4184
|
+
width: auto;
|
|
4185
|
+
}
|
|
4186
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic,
|
|
4187
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:hover,
|
|
4188
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:focus {
|
|
4189
|
+
background: transparent;
|
|
4190
|
+
}
|
|
4191
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic .caret,
|
|
4192
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:hover .caret,
|
|
4193
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:focus .caret,
|
|
4194
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic .fa,
|
|
4195
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:hover .fa,
|
|
4196
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:focus .fa,
|
|
4197
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic .pf-icon,
|
|
4198
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:hover .pf-icon,
|
|
4199
|
+
.navbar-pf-vertical .nav .open > .nav-item-iconic:focus .pf-icon {
|
|
4200
|
+
color: #ffffff;
|
|
4201
|
+
}
|
|
4202
|
+
.navbar-pf-vertical .navbar-brand {
|
|
4203
|
+
color: #ffffff;
|
|
4204
|
+
height: auto;
|
|
4205
|
+
margin: 0 0 0 25px;
|
|
4206
|
+
min-height: 35px;
|
|
4207
|
+
padding: 11px 0 12px;
|
|
4208
|
+
}
|
|
4209
|
+
.navbar-pf-vertical .navbar-brand .navbar-brand-name {
|
|
4210
|
+
display: inline;
|
|
4211
|
+
margin: 0 15px 0 0;
|
|
4212
|
+
}
|
|
4213
|
+
@media (max-width: 480px) {
|
|
4214
|
+
.navbar-pf-vertical .navbar-brand .navbar-brand-name {
|
|
4215
|
+
display: none;
|
|
4216
|
+
}
|
|
4217
|
+
}
|
|
4218
|
+
.navbar-pf-vertical .navbar-brand .navbar-brand-icon {
|
|
4219
|
+
display: inline;
|
|
4220
|
+
margin: 0 15px 0 0;
|
|
4221
|
+
}
|
|
4222
|
+
.navbar-pf-vertical .navbar-iconic {
|
|
4223
|
+
margin-right: 0;
|
|
4224
|
+
}
|
|
4225
|
+
.navbar-pf-vertical .navbar-toggle {
|
|
4226
|
+
border: 0;
|
|
4227
|
+
display: block;
|
|
4228
|
+
float: left;
|
|
4229
|
+
margin: 13px 15px;
|
|
4230
|
+
}
|
|
4231
|
+
.navbar-pf-vertical .navbar-toggle:hover .icon-bar,
|
|
4232
|
+
.navbar-pf-vertical .navbar-toggle:focus .icon-bar {
|
|
4233
|
+
background: #ffffff;
|
|
4234
|
+
}
|
|
4235
|
+
.navbar-pf-vertical .navbar-toggle + .navbar-brand {
|
|
4236
|
+
margin-left: 0;
|
|
4237
|
+
}
|
|
4238
|
+
.navbar-pf-vertical .navbar-toggle .icon-bar {
|
|
4239
|
+
background: #cfcfcf;
|
|
4240
|
+
}
|
|
4060
4241
|
.layout-pf-alt-fixed.transitions .nav-pf-vertical-alt {
|
|
4061
4242
|
transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
|
|
4062
4243
|
}
|
|
@@ -4689,4 +4870,383 @@ table.datatable th:active {
|
|
|
4689
4870
|
padding-left: 0;
|
|
4690
4871
|
padding-right: 0;
|
|
4691
4872
|
}
|
|
4873
|
+
.layout-pf-fixedafdaf.transitions .nav-pf-vertical {
|
|
4874
|
+
transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
|
|
4875
|
+
}
|
|
4876
|
+
.layout-pf-fixedafdaf.transitions .nav-pf-vertical.collapsed .list-group-item .list-group-item-value {
|
|
4877
|
+
transition: opacity 0s .1s, opacity .1s linear;
|
|
4878
|
+
}
|
|
4879
|
+
.layout-pf-fixedafdaf.transitions .nav-pf-vertical .list-group-item .badge {
|
|
4880
|
+
transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
|
|
4881
|
+
}
|
|
4882
|
+
.layout-pf-fixedafdaf.transitions .nav-pf-vertical .list-group-item .list-group-item-value {
|
|
4883
|
+
transition: opacity 0.5s ease-out;
|
|
4884
|
+
transition-delay: .15s;
|
|
4885
|
+
}
|
|
4886
|
+
.nav-pf-vertical {
|
|
4887
|
+
background: #292e34;
|
|
4888
|
+
border-right: 1px solid #262626;
|
|
4889
|
+
bottom: 0;
|
|
4890
|
+
overflow-x: hidden;
|
|
4891
|
+
overflow-y: auto;
|
|
4892
|
+
left: 0;
|
|
4893
|
+
position: fixed;
|
|
4894
|
+
top: 60px;
|
|
4895
|
+
width: 200px;
|
|
4896
|
+
z-index: 1030;
|
|
4897
|
+
}
|
|
4898
|
+
.layout-pf-fixed-with-footer .nav-pf-vertical {
|
|
4899
|
+
bottom: 37px;
|
|
4900
|
+
}
|
|
4901
|
+
.ie9.layout-pf-fixed .nav-pf-vertical {
|
|
4902
|
+
box-sizing: content-box;
|
|
4903
|
+
}
|
|
4904
|
+
.nav-pf-vertical.collapsed:not(.nav-pf-vertical-with-secondary-nav) {
|
|
4905
|
+
display: none;
|
|
4906
|
+
}
|
|
4907
|
+
.nav-pf-vertical.collapsed {
|
|
4908
|
+
width: 75px;
|
|
4909
|
+
}
|
|
4910
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item > a {
|
|
4911
|
+
margin-right: 0;
|
|
4912
|
+
width: 75px;
|
|
4913
|
+
}
|
|
4914
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item > a > .list-group-item-value {
|
|
4915
|
+
display: none;
|
|
4916
|
+
width: 0;
|
|
4917
|
+
}
|
|
4918
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary.active > a,
|
|
4919
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary > a {
|
|
4920
|
+
width: 75px;
|
|
4921
|
+
}
|
|
4922
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary.active > a:after,
|
|
4923
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary > a:after {
|
|
4924
|
+
right: 10px;
|
|
4925
|
+
}
|
|
4926
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary:hover > a {
|
|
4927
|
+
width: 76px;
|
|
4928
|
+
z-index: 1032;
|
|
4929
|
+
}
|
|
4930
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary:hover > a:after {
|
|
4931
|
+
right: 11px;
|
|
4932
|
+
}
|
|
4933
|
+
.nav-pf-vertical.hidden-icons-pf {
|
|
4934
|
+
width: 176px;
|
|
4935
|
+
}
|
|
4936
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a {
|
|
4937
|
+
width: 176px;
|
|
4938
|
+
}
|
|
4939
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .fa,
|
|
4940
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .glyphicon,
|
|
4941
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a .pficon {
|
|
4942
|
+
display: none;
|
|
4943
|
+
}
|
|
4944
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary.active > a,
|
|
4945
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary:hover > a {
|
|
4946
|
+
width: 177px;
|
|
4947
|
+
z-index: 1032;
|
|
4948
|
+
}
|
|
4949
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary.active > a:after,
|
|
4950
|
+
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item.persistent-secondary:hover > a:after {
|
|
4951
|
+
right: 21px;
|
|
4952
|
+
}
|
|
4953
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav .nav-pf-persistent-secondary {
|
|
4954
|
+
left: 176px;
|
|
4955
|
+
}
|
|
4956
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.collapsed {
|
|
4957
|
+
display: none;
|
|
4958
|
+
}
|
|
4959
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
|
|
4960
|
+
width: 426px;
|
|
4961
|
+
}
|
|
4962
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
|
|
4963
|
+
width: 176px;
|
|
4964
|
+
}
|
|
4965
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
|
|
4966
|
+
width: 426px;
|
|
4967
|
+
}
|
|
4968
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
|
|
4969
|
+
width: 250px;
|
|
4970
|
+
}
|
|
4971
|
+
.nav-pf-vertical.hidden.show-mobile-nav {
|
|
4972
|
+
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
|
|
4973
|
+
display: block !important;
|
|
4974
|
+
}
|
|
4975
|
+
.nav-pf-vertical.hidden > .list-group > .list-group-item.persistent-secondary:hover > a {
|
|
4976
|
+
z-index: 1030;
|
|
4977
|
+
}
|
|
4978
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed.hover-secondary-nav-pf {
|
|
4979
|
+
width: 325px;
|
|
4980
|
+
}
|
|
4981
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
|
|
4982
|
+
width: 450px;
|
|
4983
|
+
}
|
|
4984
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
|
|
4985
|
+
width: 200px;
|
|
4986
|
+
}
|
|
4987
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
|
|
4988
|
+
width: 200px;
|
|
4989
|
+
}
|
|
4990
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed {
|
|
4991
|
+
width: 75px;
|
|
4992
|
+
}
|
|
4993
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
|
|
4994
|
+
width: 250px;
|
|
4995
|
+
}
|
|
4996
|
+
@media (min-width: 1200px) {
|
|
4997
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
|
|
4998
|
+
width: 450px;
|
|
4999
|
+
}
|
|
5000
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed {
|
|
5001
|
+
width: 75px;
|
|
5002
|
+
}
|
|
5003
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.hover-secondary-nav-pf {
|
|
5004
|
+
width: 325px;
|
|
5005
|
+
}
|
|
5006
|
+
}
|
|
5007
|
+
.layout-pf-fixed-with-footer .nav-pf-vertical {
|
|
5008
|
+
bottom: 37px;
|
|
5009
|
+
}
|
|
5010
|
+
.nav-pf-vertical > .list-group {
|
|
5011
|
+
border-top: 0;
|
|
5012
|
+
margin-bottom: 0;
|
|
5013
|
+
}
|
|
5014
|
+
.nav-pf-vertical > .list-group > .list-group-item {
|
|
5015
|
+
background-color: transparent;
|
|
5016
|
+
border-color: #000000;
|
|
5017
|
+
padding: 0;
|
|
5018
|
+
}
|
|
5019
|
+
.nav-pf-vertical > .list-group > .list-group-item > a {
|
|
5020
|
+
background-color: transparent;
|
|
5021
|
+
color: #dbdada;
|
|
5022
|
+
display: block;
|
|
5023
|
+
font-size: 14px;
|
|
5024
|
+
font-weight: 400;
|
|
5025
|
+
height: 63px;
|
|
5026
|
+
outline: 0;
|
|
5027
|
+
padding: 17px 20px 17px 25px;
|
|
5028
|
+
position: relative;
|
|
5029
|
+
white-space: nowrap;
|
|
5030
|
+
width: 200px;
|
|
5031
|
+
}
|
|
5032
|
+
.nav-pf-vertical > .list-group > .list-group-item > a .fa,
|
|
5033
|
+
.nav-pf-vertical > .list-group > .list-group-item > a .glyphicon,
|
|
5034
|
+
.nav-pf-vertical > .list-group > .list-group-item > a .pficon {
|
|
5035
|
+
color: #72767b;
|
|
5036
|
+
float: left;
|
|
5037
|
+
font-size: 14px;
|
|
5038
|
+
line-height: 30px;
|
|
5039
|
+
margin-right: 10px;
|
|
5040
|
+
text-align: center;
|
|
5041
|
+
width: 24px;
|
|
5042
|
+
}
|
|
5043
|
+
.nav-pf-vertical > .list-group > .list-group-item > a:hover,
|
|
5044
|
+
.nav-pf-vertical > .list-group > .list-group-item > a:focus {
|
|
5045
|
+
text-decoration: none;
|
|
5046
|
+
}
|
|
5047
|
+
.nav-pf-vertical > .list-group > .list-group-item.active > a,
|
|
5048
|
+
.nav-pf-vertical > .list-group > .list-group-item:hover > a {
|
|
5049
|
+
background-color: #393f44;
|
|
5050
|
+
color: #ffffff;
|
|
5051
|
+
font-weight: 600;
|
|
5052
|
+
}
|
|
5053
|
+
.nav-pf-vertical > .list-group > .list-group-item.active > a .fa,
|
|
5054
|
+
.nav-pf-vertical > .list-group > .list-group-item:hover > a .fa,
|
|
5055
|
+
.nav-pf-vertical > .list-group > .list-group-item.active > a .glyphicon,
|
|
5056
|
+
.nav-pf-vertical > .list-group > .list-group-item:hover > a .glyphicon,
|
|
5057
|
+
.nav-pf-vertical > .list-group > .list-group-item.active > a .pficon,
|
|
5058
|
+
.nav-pf-vertical > .list-group > .list-group-item:hover > a .pficon {
|
|
5059
|
+
color: #199dde;
|
|
5060
|
+
}
|
|
5061
|
+
.show-mobile-nav .nav-pf-vertical > .list-group > .list-group-item.active > a {
|
|
5062
|
+
z-index: 1030;
|
|
5063
|
+
}
|
|
5064
|
+
.nav-pf-vertical > .list-group > .list-group-item.active > a:before {
|
|
5065
|
+
background: #199dde;
|
|
5066
|
+
content: " ";
|
|
5067
|
+
height: 100%;
|
|
5068
|
+
left: 0;
|
|
5069
|
+
position: absolute;
|
|
5070
|
+
top: 0;
|
|
5071
|
+
width: 3px;
|
|
5072
|
+
}
|
|
5073
|
+
.nav-pf-vertical > .list-group > .list-group-item .list-group-item-value {
|
|
5074
|
+
display: block;
|
|
5075
|
+
line-height: 30px;
|
|
5076
|
+
max-width: 120px;
|
|
5077
|
+
overflow: hidden;
|
|
5078
|
+
text-overflow: ellipsis;
|
|
5079
|
+
width: 100%;
|
|
5080
|
+
}
|
|
5081
|
+
.nav-pf-vertical > .list-group > .list-group-item.persistent-secondary > a:after {
|
|
5082
|
+
color: #72767b;
|
|
5083
|
+
content: "\f105";
|
|
5084
|
+
display: block;
|
|
5085
|
+
font-family: "FontAwesome";
|
|
5086
|
+
font-size: 24px;
|
|
5087
|
+
line-height: 30px;
|
|
5088
|
+
padding: 17px 0;
|
|
5089
|
+
position: absolute;
|
|
5090
|
+
right: 20px;
|
|
5091
|
+
top: 0;
|
|
5092
|
+
}
|
|
5093
|
+
.nav-pf-vertical > .list-group > .list-group-item.persistent-secondary.active > a,
|
|
5094
|
+
.nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a {
|
|
5095
|
+
width: 201px;
|
|
5096
|
+
z-index: 1032;
|
|
5097
|
+
}
|
|
5098
|
+
.nav-pf-vertical > .list-group > .list-group-item.persistent-secondary.active > a:after,
|
|
5099
|
+
.nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a:after {
|
|
5100
|
+
right: 21px;
|
|
5101
|
+
}
|
|
5102
|
+
.nav-pf-vertical .list-group-item-separator {
|
|
5103
|
+
border-top-width: 2px;
|
|
5104
|
+
border-top-color: #000000;
|
|
5105
|
+
}
|
|
5106
|
+
.nav-pf-persistent-secondary {
|
|
5107
|
+
background: #393f44;
|
|
5108
|
+
border: 1px solid #262626;
|
|
5109
|
+
border-bottom: none;
|
|
5110
|
+
border-top: none;
|
|
5111
|
+
bottom: 0;
|
|
5112
|
+
display: none;
|
|
5113
|
+
left: 200px;
|
|
5114
|
+
overflow-x: hidden;
|
|
5115
|
+
overflow-y: auto;
|
|
5116
|
+
position: fixed;
|
|
5117
|
+
top: 60px;
|
|
5118
|
+
width: 250px;
|
|
5119
|
+
z-index: 1030;
|
|
5120
|
+
}
|
|
5121
|
+
.secondary-visible-pf .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5122
|
+
.secondary-visible-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5123
|
+
display: block;
|
|
5124
|
+
}
|
|
5125
|
+
.secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5126
|
+
.secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5127
|
+
display: none;
|
|
5128
|
+
}
|
|
5129
|
+
.show-mobile-nav .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5130
|
+
.show-mobile-nav .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5131
|
+
left: 0;
|
|
5132
|
+
z-index: 1032;
|
|
5133
|
+
}
|
|
5134
|
+
.persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5135
|
+
display: block;
|
|
5136
|
+
z-index: 1031;
|
|
5137
|
+
}
|
|
5138
|
+
.collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5139
|
+
left: 75px;
|
|
5140
|
+
}
|
|
5141
|
+
.secondary-visible-pf.collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5142
|
+
display: block;
|
|
5143
|
+
}
|
|
5144
|
+
.ie9.layout-pf-fixed .nav-pf-persistent-secondary {
|
|
5145
|
+
box-sizing: content-box;
|
|
5146
|
+
}
|
|
5147
|
+
.layout-pf-fixed-with-footer .nav-pf-persistent-secondary {
|
|
5148
|
+
bottom: 37px;
|
|
5149
|
+
}
|
|
5150
|
+
.nav-pf-persistent-secondary .persistent-secondary-header {
|
|
5151
|
+
color: #ffffff;
|
|
5152
|
+
font-size: 16px;
|
|
5153
|
+
margin: 18px 20px 10px 20px;
|
|
5154
|
+
}
|
|
5155
|
+
.nav-pf-persistent-secondary .persistent-secondary-header > a {
|
|
5156
|
+
margin-right: 7px;
|
|
5157
|
+
}
|
|
5158
|
+
.nav-pf-persistent-secondary .persistent-secondary-header > a:hover {
|
|
5159
|
+
text-decoration: none;
|
|
5160
|
+
}
|
|
5161
|
+
.nav-pf-persistent-secondary h5 {
|
|
5162
|
+
color: #ffffff;
|
|
5163
|
+
cursor: default;
|
|
5164
|
+
font-size: 13px;
|
|
5165
|
+
font-weight: 600;
|
|
5166
|
+
margin: 30px 20px 10px 20px;
|
|
5167
|
+
}
|
|
5168
|
+
.nav-pf-persistent-secondary > .list-group {
|
|
5169
|
+
border-top: 0;
|
|
5170
|
+
margin-bottom: 0;
|
|
5171
|
+
}
|
|
5172
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item {
|
|
5173
|
+
padding: 0 0 5px 0;
|
|
5174
|
+
background-color: transparent;
|
|
5175
|
+
border: none;
|
|
5176
|
+
}
|
|
5177
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item > a {
|
|
5178
|
+
background-color: transparent;
|
|
5179
|
+
color: #dbdada;
|
|
5180
|
+
display: block;
|
|
5181
|
+
font-size: 12px;
|
|
5182
|
+
outline: 0;
|
|
5183
|
+
padding: 0 15px 0 20px;
|
|
5184
|
+
position: relative;
|
|
5185
|
+
white-space: nowrap;
|
|
5186
|
+
}
|
|
5187
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item > a:hover > .list-group-item-value {
|
|
5188
|
+
color: #ffffff;
|
|
5189
|
+
text-decoration: underline;
|
|
5190
|
+
}
|
|
5191
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item.active .list-group-item-value {
|
|
5192
|
+
background-color: #4d5258;
|
|
5193
|
+
color: #ffffff;
|
|
5194
|
+
}
|
|
5195
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item.active .fa,
|
|
5196
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item.active .glyphicon,
|
|
5197
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item.active .pficon {
|
|
5198
|
+
color: #199dde;
|
|
5199
|
+
}
|
|
5200
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf {
|
|
5201
|
+
background-color: #292e34;
|
|
5202
|
+
position: absolute;
|
|
5203
|
+
right: 15px;
|
|
5204
|
+
top: 0;
|
|
5205
|
+
}
|
|
5206
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf .badge {
|
|
5207
|
+
background: #292e34;
|
|
5208
|
+
color: #ffffff;
|
|
5209
|
+
font-size: 12px;
|
|
5210
|
+
font-weight: 700;
|
|
5211
|
+
float: left;
|
|
5212
|
+
line-height: 1.66666667;
|
|
5213
|
+
margin: 0;
|
|
5214
|
+
padding: 0 7px;
|
|
5215
|
+
text-align: center;
|
|
5216
|
+
}
|
|
5217
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf .badge .pficon,
|
|
5218
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .badge-container-pf .badge .fa {
|
|
5219
|
+
font-size: 14px;
|
|
5220
|
+
height: 20px;
|
|
5221
|
+
line-height: 1.66666667;
|
|
5222
|
+
margin-right: 3px;
|
|
5223
|
+
margin-top: -1px;
|
|
5224
|
+
}
|
|
5225
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .fa,
|
|
5226
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .glyphicon,
|
|
5227
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .pficon {
|
|
5228
|
+
float: left;
|
|
5229
|
+
font-size: 18px;
|
|
5230
|
+
line-height: 30px;
|
|
5231
|
+
margin-right: 10px;
|
|
5232
|
+
text-align: center;
|
|
5233
|
+
width: 18px;
|
|
5234
|
+
}
|
|
5235
|
+
.nav-pf-persistent-secondary > .list-group > .list-group-item .list-group-item-value {
|
|
5236
|
+
display: inline-block;
|
|
5237
|
+
line-height: 20px;
|
|
5238
|
+
opacity: 1;
|
|
5239
|
+
overflow: hidden;
|
|
5240
|
+
padding-left: 5px;
|
|
5241
|
+
text-overflow: ellipsis;
|
|
5242
|
+
}
|
|
5243
|
+
.show-mobile-nav .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5244
|
+
display: none;
|
|
5245
|
+
}
|
|
5246
|
+
.show-mobile-nav .persistent-secondary.mobile-nav-item-pf:hover .nav-pf-persistent-secondary {
|
|
5247
|
+
display: block;
|
|
5248
|
+
}
|
|
5249
|
+
.force-hide-secondary-nav-pf .persistent-secondary .nav-pf-persistent-secondary {
|
|
5250
|
+
display: none !important;
|
|
5251
|
+
}
|
|
4692
5252
|
/*# sourceMappingURL=patternfly-additions.css.map */
|