1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
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
|
//
// Variables
// --------------------------------------------------
// Bootstrap overrides and PatternFly-specific variables
/* Bootstrap overrides */
@alert-danger-bg: @body-bg;
@alert-danger-border: @brand-danger;
@alert-danger-text: @gray-dark;
@alert-info-bg: @body-bg;
@alert-info-border: #ccc;
@alert-info-text: @gray-dark;
@alert-link-font-weight: 500;
@alert-padding: 7px;
@alert-success-bg: @body-bg;
@alert-success-border: @brand-success;
@alert-success-text: @gray-dark;
@alert-warning-bg: @body-bg;
@alert-warning-border: @brand-warning;
@alert-warning-text: @gray-dark;
@badge-border-radius: @border-radius-base;
@border-radius-base: 1px;
@border-radius-large: @border-radius-base;
@border-radius-small: @border-radius-base;
@brand-primary: #1cace9;
@brand-success: #5cb75c;
@brand-info: #27799c;
@brand-warning: #eb7720;
@brand-danger: #c90813;
@breadcrumb-active-color: @gray-pf;
@breadcrumb-bg: transparent;
@breadcrumb-color: @gray-pf;
@breadcrumb-separator: @fa-var-angle-right;
@btn-danger-bg: #ab070f;
@btn-danger-border: #781919;
@btn-default-bg: @gray-lighter;
@btn-default-border: #b7b7b7;
@btn-default-color: @gray-pf;
@btn-font-weight: 600;
@btn-primary-bg: #189AD1;
@btn-primary-border: #267DA1;
@caret-width-base: 0;
@caret-width-large: @caret-width-base;
@dropdown-border: #b6b6b6;
@dropdown-divider-bg: #e5e5e5;
@dropdown-fallback-border: @dropdown-border;
@dropdown-link-active-bg: @link-color;
@dropdown-link-active-color: #fff;
@dropdown-link-hover-bg: #d4edfa;
@dropdown-link-hover-color: @gray-pf;
@font-family-base: "Open Sans", Helvetica, Arial, sans-serif;
@font-size-base: 12px;
@font-size-h1: ceil(@font-size-base * 2); // ~24px
@font-size-h2: ceil(@font-size-base * 1.8333); // ~22px
@font-size-h3: ceil(@font-size-base * 1.3333); // ~16px
@font-size-h5: ceil(@font-size-base * 1.0833); // ~13px
@font-size-large: ceil(@font-size-base * 1.1666); // ~14px
@font-size-small: ceil(@font-size-base * .9166); // ~11px
@grid-gutter-width: 40px;
@icon-font-path: "../../components/bootstrap/dist/fonts/";
@input-bg-disabled: #F8F8F8;
@input-border: #BABABA;
@input-color: @gray-dark;
@line-height-base: 1.66666667; // 20/12
@link-color: #0099d3;
@list-group-border: #f2f2f2;
@list-group-border-radius: 0;
@list-group-hover-bg: #d4edfa;
@link-hover-color: #00618a;
@nav-tabs-active-link-hover-color: @link-color;
@nav-tabs-border-color: #e9e8e8;
@nav-tabs-justified-link-border-color: @nav-tabs-border-color;
@nav-tabs-link-hover-border-color: transparent;
@padding-base-horizontal: 6px;
@padding-base-vertical: 2px;
@padding-large-horizontal: 10px;
@padding-large-vertical: 6px;
@padding-small-horizontal: @padding-base-horizontal;
@padding-small-vertical: @padding-base-vertical;
@pager-border-radius: 0;
@pager-disabled-color: #969696;
@pagination-bg: #f5f5f5;
@pagination-border: #bbbbbb;
@pagination-hover-bg: #ededed;
@panel-danger-border: @brand-danger;
@panel-danger-heading-bg: @brand-danger;
@panel-danger-text: @panel-primary-text;
@panel-info-border: @brand-info;
@panel-info-heading-bg: @brand-info;
@panel-info-text: @panel-primary-text;
@panel-inner-border: #cecdcd;
@panel-success-border: @brand-success;
@panel-success-heading-bg: @brand-success;
@panel-success-text: @panel-primary-text;
@panel-warning-border: @brand-warning;
@panel-warning-heading-bg: @brand-warning;
@panel-warning-text: @panel-primary-text;
@popover-arrow-color: #fff;
@popover-arrow-outer-color: #bbb;
@popover-border-color: #bbb;
@popover-max-width: 220px;
@popover-title-bg: #f5f5f5;
@table-bg-accent: #f5f5f5;
@table-bg-hover: #d5ecf9;
@table-border-color: #d1d1d1;
@table-cell-padding: 10px;
@tooltip-arrow-width: 8px;
@tooltip-bg: #434343;
@tooltip-max-width: 220px;
/* PatternFly-specific */
@btn-danger-bg-img-start: #d60915;
@btn-danger-bg-img-stop: #ac0710;
@btn-default-bg-img-start: #fafafa;
@btn-default-bg-img-stop: #ededed;
@btn-primary-bg-img-start: #1CACE8;
@btn-primary-bg-img-stop: #1998CC;
@btn-xs-font-weight: 400;
@dropdown-divider-margin: 4px 1px;
@dropdown-link-active-border-color: #0076b7;
@dropdown-link-hover-border-color: #b3d3e7;
@dropdown-link-focus-bg: @link-color;
@dropdown-link-focus-color: #fff;
@fa-font-path: "../../components/font-awesome/fonts";
@font-path: "../fonts";
@gray-light-pf: #aaa;
@gray-pf: #4d5258;
@icon-font-name-fa: "FontAwesome";
@icon-font-name-pf: "PatternFlyIcons-webfont";
@icon-prefix: pficon;
@img-badge-ie8: "logo.png";
@img-badge-ie8-height: 69px;
@img-badge-ie8-width: 73px;
@img-bg-login: "bg-login.jpg";
@img-brand-ie8: "brand.png";
@img-brand-lg-ie8: "brand-lg.png";
@img-path: "../img";
@img-path-alt: @img-path;
@input-border-disabled: #d4d4d4;
@list-group-top-border: #e9e8e8;
@login-bg-color: #080808;
@login-container-bg-color: #181818;
@login-container-bg-color-rgba: rgba(255, 255, 255, 0.055);
@modal-title-padding-horizontal: 18px;
@modal-title-padding-vertical: 10px;
@nav-tabs-color: @gray-pf;
@navbar-pf-bg-color: #030303; //#393F45
@navbar-pf-border-color: #199dde;
@navbar-pf-active-color: #f1f1f1;
@navbar-pf-color: #cfcfcf;
@navbar-pf-icon-bar-bg-color: #fff;
@navbar-pf-navbar-header-border-color: lighten(@navbar-pf-bg-color, 15%);
@navbar-pf-navbar-nav-active-bg-color: lighten(@navbar-pf-bg-color, 12.5%);
@navbar-pf-navbar-nav-active-active-bg-color: lighten(@navbar-pf-bg-color, 8%);
@navbar-pf-navbar-nav-active-active-open-bg-color: lighten(@navbar-pf-bg-color, 11%);
@navbar-pf-navbar-navbar-brand-padding: 8px 0 7px;
@navbar-pf-navbar-navbar-brand-min-width: 270px;
@navbar-pf-navbar-navbar-persistent-bg-color: #f6f6f6;
@navbar-pf-navbar-navbar-persistent-border-color: #cecdcd;
@navbar-pf-navbar-primary-active-bg-color-start: lighten(@navbar-pf-navbar-primary-hover-bg-color-start, 5%);
@navbar-pf-navbar-primary-active-bg-color-stop: lighten(@navbar-pf-navbar-primary-hover-bg-color-stop, 7.5%);
@navbar-pf-navbar-primary-active-border-color: lighten(@navbar-pf-navbar-primary-hover-border-color, 5%);
@navbar-pf-navbar-primary-bg-color-start: lighten(@navbar-pf-bg-color, 10%); // #474C50;
@navbar-pf-navbar-primary-bg-color-stop: @navbar-pf-bg-color; // #383F43;
@navbar-pf-navbar-primary-context-active-bg-color-start: lighten(@navbar-pf-navbar-primary-context-hover-bg-color-start, 5%);
@navbar-pf-navbar-primary-context-active-bg-color-stop: lighten(@navbar-pf-navbar-primary-context-hover-bg-color-stop, 7.5%);
@navbar-pf-navbar-primary-context-active-border-color: lighten(@navbar-pf-navbar-primary-context-hover-border-color, 5%);
@navbar-pf-navbar-primary-context-active-border-right-color: @navbar-pf-navbar-primary-context-active-border-color;
@navbar-pf-navbar-primary-context-active-border-top-color: lighten(@navbar-pf-navbar-primary-context-hover-border-top-color, 6%);
@navbar-pf-navbar-primary-context-bg-color-start: lighten(@navbar-pf-navbar-primary-bg-color-start, 8.5%);
@navbar-pf-navbar-primary-context-bg-color-stop: lighten(@navbar-pf-navbar-primary-bg-color-stop, 11%);
@navbar-pf-navbar-primary-context-border-color: lighten(@navbar-pf-navbar-header-border-color, 8%);
@navbar-pf-navbar-primary-context-border-top-color: lighten(@navbar-pf-navbar-header-border-color, 7%);
@navbar-pf-navbar-primary-context-hover-bg-color-start: lighten(@navbar-pf-navbar-primary-context-bg-color-start, 5%);
@navbar-pf-navbar-primary-context-hover-bg-color-stop: lighten(@navbar-pf-navbar-primary-context-bg-color-stop, 7.5%);
@navbar-pf-navbar-primary-context-hover-border-color: lighten(@navbar-pf-navbar-primary-context-border-color, 5%);
@navbar-pf-navbar-primary-context-hover-border-top-color: lighten(@navbar-pf-navbar-primary-context-border-top-color, 6%);
@navbar-pf-navbar-primary-hover-bg-color-start: lighten(@navbar-pf-navbar-primary-bg-color-start, 10%);
@navbar-pf-navbar-primary-hover-bg-color-stop: lighten(@navbar-pf-navbar-primary-bg-color-stop, 10%);
@navbar-pf-navbar-primary-hover-border-color: lighten(@navbar-pf-navbar-header-border-color, 20%);
@navbar-pf-navbar-utility-border-color: lighten(@navbar-pf-bg-color, 15.5%);
@navbar-pf-navbar-utility-color: @navbar-pf-color;
@navbar-pf-navbar-utility-hover-bg-color: lighten(@navbar-pf-bg-color, 12.5%);
@navbar-pf-navbar-utility-hover-border-color: lighten(@navbar-pf-navbar-utility-border-color, 5%);
@navbar-pf-navbar-utility-open-bg-color: lighten(@navbar-pf-navbar-utility-hover-bg-color, 7.5%);
@navbar-pf-navbar-utility-open-border-color: lighten(@navbar-pf-navbar-utility-hover-border-color, 5%);
@pagination-padding-small-vertical: 0;
@panel-default-border-color: #bebdbd;
@sidebar-pf-bg: #fafafa;
@sidebar-pf-border-color: #d0d0d0;
@table-border-hover: #a7cadf;
@table-cell-padding-bottom: 3px;
@table-cell-padding-top: 2px;
@tooltip-font-size: @font-size-base;
|
