KEYCLOAK-11782 Update PatternFly 3 and RCUE 3

This commit is contained in:
stianst 2019-10-24 13:51:09 +02:00 committed by Bruno Oliveira da Silva
parent 2f0b03e1a0
commit 8e4fce457d
746 changed files with 48437 additions and 104196 deletions

View file

@ -1,205 +1,21 @@
Modifications to Bootstrap are copyright 2013 Red Hat, Inc. and licensed
under the Apache License 2.0.
MIT License
Copyright (c) 2019 Red Hat, Inc.
Version 2.0, January 2004
http://www.apache.org/licenses/
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "{}"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright {yyyy} {name of copyright owner}
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View file

@ -9,7 +9,9 @@
# [PatternFly](https://www.patternfly.org) reference implementation
This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations. For information on how to quickly get started using PatternFly, see the [Quick Start Guide](QUICKSTART.md). If you wish to contribute to PatternFly, please follow the instructions under "Contributing to PatternFly".
This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations. For information on how to quickly get started using PatternFly, see the [Quick Start Guide](QUICKSTART.md). Looking for RCUE (Red Hat Common User Experience) information? See the [RCUE Quick Start Guide](RCUE-QUICKSTART.md).
If you wish to contribute to PatternFly, please follow the instructions under "Contributing to PatternFly".
# Installation
@ -18,7 +20,7 @@ This reference implementation of PatternFly is based on [Bootstrap v3](http://ge
PatternFly can be installed and managed through [NPM](https://www.npmjs.com/). To do so, either add `patternfly` as a dependency in your `package.json` or run the following:
```
```sh
npm install patternfly --save
```
@ -28,7 +30,7 @@ PatternFly stays up to date with the Node LTS [Release Schedule](https://github.
PatternFly can be installed and managed through [Bower](http://bower.io/). To do so, either add `patternfly` as a dependency in your `bower.json` or run the following:
```
```sh
bower install patternfly --save
```
@ -36,7 +38,7 @@ bower install patternfly --save
Are you using [Wiredep](https://github.com/taptapship/wiredep)? PatternFly's CSS includes the CSS of its dependencies. As a result, you'll want to add the following to your [Wiredep configuration](https://github.com/taptapship/wiredep#configuration) so you don't end up with duplicate CSS.
```
```javascript
exclude: [
"node_modules/patternfly/node_modules/patternfly-bootstrap-combobox/css/bootstrap-combobox.css",
"node_modules/patternfly/node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css",
@ -59,7 +61,42 @@ exclude: [
**Patternfly now supports Sass natively!**
Sass is included in the `dist/sass` directory. Just add `node_modules` to your build tool's Sass include paths then `@import 'patternfly/dist/sass/patternfly';` in your Sass to get started!
Please note that the [patternfly-sass](https://github.com/patternfly/patternfly-sass) is no longer supported and will not include any features or fixes introduced after Patternfly 3.23.2. However, the [patternfly-sass](https://rubygems.org/patternfly-sass) Rubygem is maintained further and built from this repository.
#### Using Webpack?
There are two touch points for integrating patternfly sass: one in your webpack config, and another in your sass. Below is an example module rule for loading patternfly .scss files using webpack.
```javascript
module: {
rules: [
{
test: /\.scss$/,
use: [
{
loader: 'sass-loader',
options: {
includePaths: [
// teach webpack to resolve these references
path.resolve(__dirname, 'node_modules', 'patternfly', 'dist', 'sass'),
path.resolve(__dirname, 'node_modules', 'bootstrap-sass', 'assets', 'stylesheets'),
path.resolve(__dirname, 'node_modules', 'font-awesome-sass', 'assets', 'stylesheets')
]
}
}
]
}
]
}
```
With webpack configured, just set the asset-path related variables and you're off!
```scss
$img-path: '~patternfly/dist/img/';
$font-path: '~patternfly/dist/fonts/';
$icon-font-path: '~patternfly/dist/fonts/';
@import '~patternfly/dist/sass/patternfly';
```
Please note that the [patternfly-sass](https://github.com/patternfly/patternfly-sass) is no longer supported and will not include any features or fixes introduced after Patternfly 3.23.2. However, the [patternfly-sass](https://rubygems.org/gems/patternfly-sass) Rubygem is maintained further and built from this repository.
### AngularJS
@ -91,13 +128,13 @@ The development includes the use of a number of helpful tasks. In order to setup
To do this clone, and change directories into PatternFly:
```
```sh
cd [PathToYourRepository]
```
then
```
```sh
npm install
```
@ -113,13 +150,13 @@ Additionally you may need to install the grunt command line utility. To do this
Test pages are optionally generated using [Jekyll](http://jekyllrb.com/). To use jekyll to build the test pages, ensure Ruby is installed and available then run:
```
```sh
npm run jekyll
```
or
```
```sh
gem install bundle
bundle install
```
@ -133,7 +170,7 @@ Next, set the environment variable PF_PAGE_BUILDER=jekyll. eg.:
Anytime you pull a new version of PatternFly, make sure you also run
```
```sh
npm update
```
@ -141,16 +178,17 @@ so you get the latest version of the dependencies specified in package.json.
### Live Reload Server
A local development server can be quickly fired up by using the Gruntjs server task:
A local development server can be quickly fired up by using the Gruntjs serve task:
```
```sh
npm start
```
or
```
grunt server
```sh
grunt serve # will build first by default
grunt serve --skipRebuild # flag would allow you to skip the rebuild to save some time
```
This local static asset server (i.e., [http://localhost:9000](http://localhost:9000)) has the advantage of having livereload integration. Thus, if you start the Gruntjs server, any changes you make to `.html` or `.less` files will be automatically reloaded into your browser and the changes reflected almost immediately. This has the obvious benefit of not having to refresh your browser and still be able to see the changes as you add or remove them from your development files. Additionally, any changes made to Jekyll source files (`tests/pages/`) will trigger a Jekyll build.
@ -165,7 +203,7 @@ PatternFly uses the [semantic-release tool](https://github.com/semantic-release/
We have configured the [commitizen tool](https://github.com/commitizen/cz-cli) to assist you in formatting your commit messages corrctly. To use this tool run the following command instead of `git commit`:
```
```sh
npm run commit
```
@ -209,13 +247,13 @@ The tool will prompt you with several questions that it will use to correctly fo
In development, styling is written and managed through multiple Less files. In order to generate a CSS file of all styling, run the build Gruntjs task:
```
```sh
npm run build
```
or
```
```sh
grunt build
```
@ -224,14 +262,14 @@ This task will compile and minify the Less files into CSS files located at `dist
### Less to Sass Conversion
Any time style changes are introduced, the Sass code will need to be updated to reflect those changes. The conversion is accomplished as part of the build, but in order to test the CSS you will need to build it from Sass:
```
```sh
npm start -- --sass
```
*Note the extra ` -- ` between `npm start` and the `--sass` flag. This syntax passes the flag on to the underlying grunt process instead of the npm command itself.*
or
```
```sh
grunt build --sass
```
@ -246,7 +284,7 @@ Sass and Less do not have perfect feature parity, which can sometimes throw a wr
#### Non-parametric Mixins
Sass does not support non-parametric mixins in the same way that Less does. Mixins must be explictly declared in Sass, whereas any class definition in Less can be used as a non-parametric mixin. Sass does not have a feature that perfectly parallels this behavior, so we have to use the closest thing which is the `@extend` statement. However, an edge case exists where `@extend` statements are not allowed within media queries in Sass. This creates a scenario where uncompilable Sass code can be generated from perfectly acceptable Less. For example:
**Less:**
```
```less
.applauncher-pf {
.applauncher-pf-title {
.sr-only();
@ -259,7 +297,7 @@ Sass does not support non-parametric mixins in the same way that Less does. Mixi
```
**Converts to Sass:**
```
```scss
.applauncher-pf {
.applauncher-pf-title {
@extend .sr-only;
@ -274,7 +312,7 @@ Sass does not support non-parametric mixins in the same way that Less does. Mixi
This breaks for two reasons. We cannot use the `@extend` statement directly inside a media query, and even if we are able to work around that by making applauncher-pf into a mixin and using the `@include` directive, `.applauncher-pf .applauncher-pf-title` uses the `@extend` directive, which would still fall within the media query via the mixin invocation. To fix this, the Less would need to be adjusted like this:
**Less**
```
```less
// Explicitly define a non-parametric sr-only mixin.
.sr-only() {
// sr-only rules;
@ -301,7 +339,7 @@ This breaks for two reasons. We cannot use the `@extend` statement directly insi
```
**Converts to Sass:**
```
```scss
@mixin sr-only() {
// sr-only rules
}
@ -324,42 +362,42 @@ This breaks for two reasons. We cannot use the `@extend` statement directly insi
#### Tilde-Escaped Strings
Strings that are escaped using the tilde in Less get converted to the Sass `unquote()` function. This causes Sass compilation issues when using escaped strings inside native CSS functions like `calc()`. Here is what happens:
Less:
```
```less
height: calc(~"100vh - 20px");
```
Converts to Sass:
```
```scss
height: calc(unqoute("100vh - 20px")):
```
Which compiles directly to CSS and does not work as expected:
```
```css
height: calc(unqoute("100vh - 20px")):
```
To fix this, move the tilde operator outside of the `calc()` statement:
Less:
```
```less
height: ~"calc(100vh - 20px)";
```
Converts to Sass:
```
```scss
height: unqoute("calc(100vh - 20px)");
```
Compiles to CSS:
```
```css
height: calc(100vh - 20px);
```
#### Comma Separated CSS Rules
Using complex, comma separated rules in things like box shadows or backgrounds will cause conversion problems if they are not properly escaped. These rules should be escaped, and mixins and variables should not be used inline. For example, this statement should not be used in Less:
```
```css
box-shadow: inset 0 1px 1px fade(@color-pf-black, 7.5%), 0 0 6px lighten(@state-danger-text, 20%);
```
Instead, mixins should be assigned to variables, and variables should be interpolated in an escaped string like this:
```
```scss
@color1: fade(@color-pf-black, 7.5%);
@color2: lighten(@state-danger-text, 20%);
box-shadow: ~"inset 0 1px 1px @{color1}, 0 0 6px @{color2}";
@ -383,13 +421,13 @@ The HTML pages in `dist/tests` are generated using Jekyll. Do *not* edit these
### Unit Testing
Unit tests are written for [Karma test server] (https://karma-runner.github.io/1.0/index.html) with [Jasmine](http://jasmine.github.io/)
```
```sh
npm test
```
or
```
```sh
grunt karma
```
### Visual Regression Testing
@ -432,4 +470,4 @@ Official tracking of bugs occurs in Jira. See https://patternfly.atlassian.net/
## License
Modifications to Bootstrap are copyright 2013 Red Hat, Inc. and licensed under the [Apache License 2.0](http://www.apache.org/licenses/LICENSE-2.0.html).
Modifications to Bootstrap are copyright 2019 Red Hat, Inc. and licensed under the [MIT License](./LICENSE.txt).

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -134,4 +134,7 @@
<glyph unicode="&#xe94b;" glyph-name="pficon-satellite" data-tags="pficon-satellite" d="M1019.726 137.486v0l-279.543 276.549c-2.88 2.903-6.697 4.343-10.491 4.343-3.771 0-7.52-1.417-10.377-4.297l-67.36-68.731-20.251 19.68 131.611 128.686c5.851 5.669 5.966 15.040 0.297 20.869l-10.72 11.017c2.606 0.594 5.029 1.874 6.971 3.771l39.383 38.674c5.851 5.669 5.966 15.040 0.297 20.869l-135.109 138.903c-5.669 5.851-15.040 5.989-20.869 0.297l-39.383-38.651c-1.943-1.897-3.291-4.274-3.977-6.857l-7.794 8c-5.669 5.851-15.040 5.989-20.869 0.297l-133.989-130.926-19.246 18.697 66.469 69.28c2.789 2.743 4.366 6.514 4.366 10.423 0.023 3.909-1.531 7.657-4.274 10.446l-279.429 277.691c-2.88 2.903-6.697 4.343-10.491 4.343-3.771 0-7.52-1.417-10.377-4.297l-180.206-183.84c-2.789-2.766-4.366-6.514-4.366-10.423-0.023-3.909 1.531-7.657 4.274-10.446l280.549-280.48c2.903-2.903 6.674-4.343 10.469-4.343 0.457 0 0.937 0.023 1.394 0.069 3.291 0.32 6.491 1.714 8.983 4.229l68.937 71.84 17.783-17.28-66.789-65.257c-2.811-2.743-6.811-8.069-6.857-11.977s0.686-9.257 3.406-12.069l171.52-175.703c2.72-2.811 6.469-4.411 10.377-4.457 0.526 0 1.051 0.023 1.577 0.069 3.337 0.32 6.469 1.76 8.914 4.091l70.743 69.143 21.257-20.64-67.429-68.8c-2.789-2.743-4.366-6.514-4.366-10.423-0.023-3.909 1.531-7.657 4.274-10.446l275.954-278.034c2.903-2.903 6.674-4.343 10.469-4.343 0.457 0 0.937 0.023 1.394 0.069 3.291 0.32 6.491 1.714 8.983 4.229l183.794 185.349c2.789 2.766 4.366 6.514 4.366 10.423 0.046 3.84-1.509 7.589-4.251 10.377zM294.286 568.274l-184.503 184.457 85.806 87.543 184.137-182.971-85.44-89.029zM825.44 37.623l-181.074 182.446 86.103 87.84 183.246-181.28-88.274-89.006zM236.206 370.537c-66.949 0-126.491-31.634-164.526-80.777l123.749-123.749-94.4-93.943c-16-3.909-27.886-18.286-27.886-35.497 0-20.206 16.366-36.571 36.571-36.571 16.914 0 31.109 11.497 35.291 27.109l94.903 94.423 123.406-123.406c49.143 38.034 80.777 97.577 80.777 164.526 0 114.811-93.074 207.886-207.886 207.886z" />
<glyph unicode="&#xe94c;" glyph-name="pficon-template" data-tags="pficon-template" d="M219.429 512h146.286v-73.143h-146.286v73.143zM438.857 512h146.286v-73.143h-146.286v73.143zM877.714 731.428v-292.571h-219.429v73.143h146.286v146.286h-146.286v73.143h219.429zM438.857 731.428h146.286v-73.143h-146.286v73.143zM365.714 658.286h-146.286v-219.429h-73.143v292.571h219.429v-73.143zM948.571 875.428h-873.143v-873.143h873.143v873.143zM994.126 948.571c16.503 0 29.874-13.371 29.874-29.874v-967.154c0-16.16-13.097-26.971-29.257-26.971h-964.411c-16.754 0-30.331 11.291-30.331 28.046v966.789c0 16.114 13.051 29.166 29.166 29.166h964.96zM219.429 146.286h146.286v-73.143h-146.286v73.143zM438.857 146.286h146.286v-73.143h-146.286v73.143zM877.714 365.714v-292.571h-219.429v73.143h146.286v146.286h-146.286v73.143h219.429zM438.857 365.714h146.286v-73.143h-146.286v73.143zM365.714 292.571h-146.286v-219.429h-73.143v292.571h219.429v-73.143z" />
<glyph unicode="&#xe94d;" glyph-name="pficon-vcenter" data-tags="pficon-vcenter" d="M889.143 948.183h-461.714c-73.737 0-133.714-59.977-133.714-133.714v-157.897h-157.897c-73.737 0-133.714-59.977-133.714-133.714v-461.714c0-73.737 59.977-133.714 133.714-133.714h461.714c73.714 0 133.714 59.977 133.714 133.714v160.183h157.897c73.737 0 133.714 59.977 133.714 133.714v459.429c0 73.737-59.977 133.714-133.714 133.714zM878.857 365.348h-292.503l0.891-92.16v-201.76h-441.143v441.166h291.611v291.611h441.143v-438.857zM219.429 395.428v-205.714c0-23.886 19.543-43.429 43.429-43.429h205.714c23.886 0 43.429 19.543 43.429 43.429v205.714c0 0 12.64 44.183 42.903 44.183h205.714c23.886 0 43.429 19.543 43.429 43.429v205.714c0 23.886-19.543 43.429-43.429 43.429h-205.714c-23.886 0-43.429-19.543-43.429-43.429v-205.714c0 0 1.303-44.183-42.903-44.183h-205.714c-23.886 0-43.429-19.543-43.429-43.429z" />
<glyph unicode="&#xe94e;" glyph-name="pficon-sort-common-asc" data-tags="pficon-sort-common-asc" d="M528.48 879.2h186.286c10.103 0 18.286-8.183 18.286-18.286v-112.709c0-10.103-8.183-18.286-18.286-18.286h-186.286c-10.103 0-18.286 8.183-18.286 18.286v112.709c0 10.103 8.183 18.286 18.286 18.286v0zM528.48 584.297h332.571c10.103 0 18.286-8.183 18.286-18.286v-108.137c0-10.103-8.183-18.286-18.286-18.286h-332.571c-10.103 0-18.286 8.183-18.286 18.286v108.137c0 10.103 8.183 18.286 18.286 18.286v0zM528.48 291.771h476.571c10.103 0 18.286-8.183 18.286-18.286v-108.137c0-10.103-8.183-18.286-18.286-18.286h-476.571c-10.103 0-18.286 8.183-18.286 18.286v108.137c0 10.103 8.183 18.286 18.286 18.286v0zM386.286 219.428h-91.2v712.8c0 0.091 0 0.183 0 0.274 0 9.943-10.354 18.011-20.297 18.011-0.091 0 2.103 0 1.989 0h-111.726c-0.091 0-0.183 0-0.274 0-9.943 0-18.011-8.069-18.011-18.011 0-0.091 0-0.206 0-0.297v0.023-712.8h-125.486c-0.114 0-2.857 0-2.994 0-10.103 0-18.286-6.377-18.286-16.48 0-5.143 2.126-11.589 5.531-14.903l200.777-256.069c3.429-3.177 8.046-5.12 13.12-5.12s9.691 1.943 13.143 5.143v0l200.571 253.806c5.737 5.92 5.714 13.669 5.714 16.251l0.023 0.091c0 0.069 0-0.069 0 0 0 9.966-8.069 17.257-18.034 17.257-0.091 0-16.183 0-16.274 0h-2.286l-16 0.023z" />
<glyph unicode="&#xe94f;" glyph-name="pficon-sort-common-desc" data-tags="pficon-sort-common-desc" d="M528.48 294.057h186.286c10.103 0 18.286-8.183 18.286-18.286v-112.709c0-10.103-8.183-18.286-18.286-18.286h-186.286c-10.103 0-18.286 8.183-18.286 18.286v112.709c0 10.103 8.183 18.286 18.286 18.286v0zM528.48 584.297h332.571c10.103 0 18.286-8.183 18.286-18.286v-108.137c0-10.103-8.183-18.286-18.286-18.286h-332.571c-10.103 0-18.286 8.183-18.286 18.286v108.137c0 10.103 8.183 18.286 18.286 18.286v0zM526.194 876.914h478.857c10.103 0 18.286-8.183 18.286-18.286v-108.137c0-10.103-8.183-18.286-18.286-18.286h-476.571c-10.103 0-18.286 8.183-18.286 18.286v108.137c0 10.103 5.897 18.286 16 18.286v0zM386.286 219.428h-91.2v712.8c0 0.091 0 0.183 0 0.274 0 9.943-10.354 18.011-20.297 18.011-0.091 0 2.103 0 1.989 0h-111.726c-0.091 0-0.183 0-0.274 0-9.943 0-18.011-8.069-18.011-18.011 0-0.091 0-0.206 0-0.297v0.023-712.8h-125.486c-0.114 0-2.857 0-2.994 0-10.103 0-18.286-6.377-18.286-16.48 0-5.143 2.126-11.589 5.531-14.903l200.777-256.069c3.429-3.177 8.046-5.12 13.12-5.12s9.691 1.943 13.143 5.143v0l200.594 253.189c3.383 3.589 5.714 10.697 5.714 16.251v-0.297c0 0.069 0 0.937 0 1.006 0 9.966-8.069 17.257-18.034 17.257-0.091 0-16.183 0-16.274 0h-2.286l-16 0.023z" />
<glyph unicode="&#xe950;" glyph-name="pficon-dragdrop" data-tags="pficon-dragdrop" d="M195.154 628.382l-151.211-151.211c-8.373-8.373-13.298-19.703-13.298-32.263s5.173-24.135 13.298-32.263l151.211-151.211c26.105-26.105 69.202-11.822 76.837 21.426v324.094c-7.879 33.248-50.731 47.529-76.837 21.426v0zM667.995 210.704h-322.862c-33.248-7.879-47.529-50.731-21.426-76.592l150.471-150.473c8.373-8.373 19.703-13.298 32.263-13.298s23.888 5.173 32.263 13.298l150.471 150.473c26.352 25.858 12.066 68.709-21.179 76.592v0zM345.134 678.128h321.632c33.001 7.879 47.285 50.487 21.179 76.343l-149.979 149.979c-8.128 8.128-19.703 13.298-32.263 13.298s-23.888-5.173-32.263-13.298l-149.733-149.979c-25.858-26.105-11.575-68.709 21.426-76.343v0zM967.954 477.17l-151.211 151.211c-26.105 26.105-69.202 11.822-76.837-21.426v-324.094c7.879-33.248 50.731-47.529 76.837-21.426l151.211 151.211c8.373 8.373 13.298 19.703 13.298 32.263s-5.173 24.135-13.298 32.263v0 0zM466.053 346.647c0-32.507-26.352-58.859-58.859-58.859s-58.859 26.352-58.859 58.859c0 32.507 26.352 58.859 58.859 58.859s58.859-26.352 58.859-58.859zM663.070 543.664c0-32.507-26.352-58.859-58.859-58.859s-58.859 26.352-58.859 58.859c0 32.507 26.352 58.859 58.859 58.859s58.859-26.352 58.859-58.859zM663.561 347.632c0-32.507-26.352-58.859-58.859-58.859s-58.859 26.352-58.859 58.859c0 32.507 26.352 58.859 58.859 58.859s58.859-26.352 58.859-58.859zM466.053 543.664c0-32.507-26.352-58.859-58.859-58.859s-58.859 26.352-58.859 58.859c0 32.507 26.352 58.859 58.859 58.859s58.859-26.352 58.859-58.859z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 142 KiB

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

@ -0,0 +1,221 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="422px" height="50px" viewBox="0 0 422 50" xml:space="preserve">
<g>
<g id="logo_6_">
<g id="white_5_">
<path fill="#FFFFFF" d="M32.573,33.207c-0.668-0.161-1.376-0.262-2.094-0.262c-1.226,0-2.342,0.221-3.165,0.581
c-0.091,0.048-0.156,0.146-0.156,0.26c0,0.04,0.01,0.081,0.025,0.117c0.097,0.293-0.062,0.614-0.859,0.797
c-1.181,0.271-1.926,1.545-2.353,1.968c-0.501,0.496-1.916,0.803-1.703,0.507c0.166-0.23,0.803-0.953,1.19-1.733
c0.347-0.701,0.655-0.9,1.081-1.563c0.125-0.195,0.608-0.882,0.749-1.426c0.159-0.53,0.104-1.196,0.166-1.471
c0.086-0.396,0.443-1.251,0.47-1.735c0.016-0.274-1.093,0.392-1.62,0.392c-0.526,0-1.039-0.332-1.509-0.354
c-0.581-0.027-0.956,0.468-1.482,0.383c-0.3-0.053-0.554-0.33-1.079-0.349c-0.748-0.03-1.662,0.434-3.379,0.376
c-1.689-0.056-3.248-2.23-3.461-2.575c-0.25-0.403-0.554-0.403-0.886-0.086c-0.333,0.317-0.742,0.067-0.858-0.146
c-0.222-0.403-0.814-1.587-1.732-1.838c-1.268-0.343-1.91,0.736-1.827,1.593c0.085,0.869,0.623,1.113,0.873,1.577
c0.25,0.463,0.377,0.759,0.846,0.966c0.332,0.145,0.456,0.357,0.356,0.646c-0.087,0.247-0.434,0.303-0.659,0.317
c-0.483,0.023-0.822-0.114-1.07-0.28c-0.287-0.194-0.521-0.458-0.771-0.908c-0.291-0.498-0.747-0.717-1.279-0.717
c-0.253,0-0.492,0.07-0.702,0.187c-0.835,0.452-1.828,0.72-2.897,0.72H1.581c2.312,7.167,8.796,12.328,16.436,12.328
C24.118,41.479,29.484,38.187,32.573,33.207z"/>
</g>
<g id="black_5_">
<g>
<path fill="#FFFFFF" d="M35.18,32.24h0.157l0.236,0.404h0.152L35.47,32.23c0.132-0.016,0.233-0.089,0.233-0.257
c0-0.185-0.105-0.265-0.316-0.265h-0.341v0.936h0.134V32.24z M35.18,32.119v-0.288h0.185c0.095,0,0.196,0.02,0.196,0.137
c0,0.145-0.103,0.151-0.218,0.151H35.18L35.18,32.119z"/>
<path fill="#FFFFFF" d="M36.218,32.179c0,0.505-0.393,0.916-0.876,0.916c-0.484,0-0.877-0.411-0.877-0.916
c0-0.507,0.393-0.916,0.877-0.916C35.825,31.263,36.218,31.672,36.218,32.179z M35.342,31.425c-0.399,0-0.722,0.338-0.722,0.754
c0,0.415,0.323,0.753,0.722,0.753c0.397,0,0.72-0.338,0.72-0.753C36.062,31.763,35.739,31.425,35.342,31.425z"/>
</g>
<g>
<path fill="#010101" d="M32.573,33.209c-0.668-0.163-1.376-0.264-2.094-0.264c-1.226,0-2.342,0.222-3.165,0.581
c-0.091,0.048-0.156,0.146-0.156,0.26c0,0.04,0.01,0.083,0.025,0.117c0.097,0.296-0.062,0.614-0.859,0.798
c-1.181,0.271-1.926,1.544-2.353,1.968c-0.501,0.495-1.916,0.805-1.703,0.508c0.166-0.232,0.803-0.955,1.19-1.735
c0.347-0.697,0.655-0.898,1.081-1.563c0.125-0.195,0.608-0.882,0.749-1.426c0.159-0.53,0.104-1.195,0.166-1.471
c0.086-0.394,0.443-1.251,0.47-1.735c0.016-0.272-1.093,0.392-1.62,0.392c-0.526,0-1.039-0.332-1.509-0.354
c-0.581-0.031-0.956,0.468-1.482,0.381c-0.3-0.051-0.554-0.328-1.079-0.349c-0.748-0.028-1.662,0.436-3.379,0.375
c-1.689-0.056-3.248-2.226-3.461-2.572c-0.25-0.405-0.554-0.405-0.886-0.087c-0.333,0.315-0.742,0.067-0.858-0.146
c-0.222-0.406-0.814-1.59-1.732-1.838c-1.268-0.344-1.91,0.736-1.827,1.593c0.085,0.869,0.623,1.113,0.873,1.574
c0.25,0.464,0.377,0.764,0.846,0.969c0.332,0.145,0.456,0.359,0.356,0.646c-0.087,0.247-0.434,0.303-0.659,0.317
c-0.483,0.023-0.822-0.114-1.07-0.28c-0.287-0.191-0.521-0.456-0.771-0.908c-0.291-0.498-0.747-0.717-1.279-0.717
c-0.253,0-0.492,0.072-0.702,0.187c-0.835,0.452-1.828,0.72-2.897,0.72H1.582c-0.587-1.819-0.905-3.766-0.905-5.792
c0-10.007,7.763-18.122,17.34-18.122c9.576,0,17.338,8.113,17.338,18.122C35.355,26.99,34.334,30.371,32.573,33.209z"/>
</g>
<path fill="#FFFFFF" d="M44.195,24.501c0-1.661-0.033-2.884-0.098-3.989h2.602l0.11,2.359h0.085
c0.585-1.748,1.971-2.639,3.252-2.639c0.294,0,0.464,0.012,0.705,0.067v2.958c-0.281-0.057-0.544-0.089-0.905-0.089
c-1.431,0-2.424,0.95-2.693,2.375c-0.05,0.276-0.077,0.608-0.077,0.947v6.439h-3.006L44.195,24.501z"/>
<path fill="#FFFFFF" d="M54.478,27.564c0.08,2.248,1.746,3.233,3.669,3.233c1.381,0,2.37-0.226,3.278-0.575l0.446,2.159
c-1.016,0.448-2.428,0.787-4.152,0.787c-3.857,0-6.116-2.488-6.116-6.294c0-3.425,1.989-6.669,5.809-6.669
c3.863,0,5.121,3.319,5.121,6.037c0,0.583-0.05,1.053-0.107,1.341L54.478,27.564z M59.702,25.376
c0.013-1.151-0.466-3.024-2.478-3.024c-1.85,0-2.619,1.753-2.753,3.024H59.702z"/>
<path fill="#FFFFFF" d="M72.471,27.543c0,0.33-0.024,0.637-0.093,0.916c-0.301,1.357-1.365,2.233-2.592,2.233
c-1.891,0-2.973-1.665-2.973-3.946c0-2.305,1.072-4.088,3.006-4.088c1.351,0,2.318,0.997,2.583,2.205
c0.052,0.256,0.068,0.568,0.068,0.819V27.543z M75.472,15.731l-3.001-0.886v7.002h-0.051c-0.533-0.917-1.702-1.617-3.329-1.617
c-2.857,0-5.344,2.47-5.326,6.629c0,3.816,2.247,6.345,5.083,6.345c1.714,0,3.148-0.854,3.858-2.246h0.053l0.135,1.968h2.676
c-0.054-0.844-0.098-2.21-0.098-3.482V15.731L75.472,15.731z"/>
<path fill="#FFFFFF" d="M83.415,20.216c-0.905,0-1.715,0.272-2.395,0.713c-0.708,0.432-1.282,1.101-1.626,1.791h-0.047V16.91
l-1.175-0.363v16.379h1.175v-7.598c0-0.505,0.037-0.856,0.16-1.224c0.51-1.547,1.903-2.815,3.588-2.815
c2.433,0,3.276,2.041,3.276,4.277v7.359h1.174v-7.493C87.544,20.804,84.542,20.216,83.415,20.216z"/>
<path fill="#FFFFFF" d="M98.098,29.976c0,0.982,0.036,1.998,0.173,2.951h-1.083l-0.172-1.779H96.96
c-0.577,0.956-1.9,2.062-3.791,2.062c-2.391,0-3.504-1.759-3.504-3.413c0-2.868,2.421-4.597,7.258-4.544v-0.331
c0-1.229-0.229-3.681-3.042-3.661c-1.04,0-2.124,0.29-2.983,0.925l-0.375-0.894c1.086-0.77,2.414-1.074,3.488-1.074
c3.431,0,4.087,2.69,4.087,4.912L98.098,29.976L98.098,29.976z M96.921,26.286c-2.588-0.08-6.007,0.33-6.007,3.316
c0,1.783,1.127,2.587,2.367,2.587c1.98,0,3.108-1.282,3.519-2.49c0.085-0.267,0.122-0.532,0.122-0.744V26.286L96.921,26.286z"/>
<path fill="#FFFFFF" d="M102.78,17.762V20.5h3.388v0.997h-3.388v8.075c0,1.58,0.469,2.569,1.745,2.569
c0.614,0,1.048-0.084,1.351-0.193l0.143,0.951c-0.385,0.168-0.923,0.298-1.642,0.298c-0.867,0-1.587-0.284-2.051-0.878
c-0.537-0.654-0.722-1.697-0.722-2.965v-7.857h-2.007V20.5h2.007v-2.285L102.78,17.762z"/>
<g>
<path fill="#FFFFFF" d="M107.653,32.265h0.155l0.237,0.404h0.152l-0.255-0.414c0.132-0.015,0.232-0.09,0.232-0.256
c0-0.186-0.106-0.266-0.316-0.266h-0.339v0.936h0.135L107.653,32.265L107.653,32.265z M107.653,32.144v-0.288h0.184
c0.095,0,0.196,0.021,0.196,0.137c0,0.144-0.101,0.151-0.218,0.151H107.653z"/>
<path fill="#FFFFFF" d="M108.69,32.203c0,0.505-0.393,0.914-0.875,0.914c-0.483,0-0.877-0.409-0.877-0.914
c0-0.507,0.394-0.917,0.877-0.917C108.297,31.286,108.69,31.696,108.69,32.203z M107.814,31.448c-0.4,0-0.722,0.338-0.722,0.755
s0.321,0.753,0.722,0.753c0.397,0,0.72-0.336,0.72-0.753S108.211,31.448,107.814,31.448z"/>
</g>
<path fill="#010101" d="M21.836,31.546c0.089,0.091,0.243,0.397,0.055,0.786c-0.105,0.205-0.219,0.352-0.422,0.52
c-0.243,0.204-0.721,0.438-1.375,0.007c-0.351-0.235-0.372-0.311-0.858-0.246c-0.347,0.048-0.485-0.317-0.36-0.623
c0.125-0.304,0.637-0.55,1.274-0.158c0.287,0.174,0.733,0.547,1.124,0.217c0.163-0.136,0.259-0.225,0.485-0.498
c0.01-0.01,0.024-0.017,0.04-0.017C21.813,31.533,21.826,31.538,21.836,31.546z"/>
</g>
<path id="red_5_" fill="#CB2026" d="M16.667,13.865c-2.002,0.152-2.212,0.377-2.586,0.795c-0.529,0.588-1.225-0.764-1.225-0.764
c-0.419-0.092-0.926-0.797-0.652-1.455c0.27-0.65,0.767-0.456,0.923-0.254c0.189,0.247,0.595,0.651,1.121,0.637
c0.525-0.014,1.132-0.13,1.978-0.13c0.857,0,1.434,0.334,1.466,0.622C17.719,13.561,17.621,13.793,16.667,13.865z M18.772,10.406
c-0.003,0-0.007,0.001-0.009,0.001c-0.031,0-0.056-0.025-0.056-0.056c0-0.022,0.014-0.04,0.032-0.05
c0.389-0.214,0.968-0.384,1.631-0.455c0.199-0.021,0.393-0.033,0.581-0.034c0.033,0,0.065,0,0.099,0
c1.111,0.026,2.001,0.488,1.987,1.031c-0.013,0.543-0.924,0.963-2.035,0.938c-0.36-0.01-0.697-0.064-0.988-0.151
c-0.035-0.01-0.06-0.04-0.06-0.076c0-0.037,0.025-0.067,0.06-0.077c0.693-0.169,1.162-0.443,1.128-0.7
c-0.043-0.343-0.95-0.531-2.026-0.418C18.997,10.372,18.883,10.388,18.772,10.406z M27.802,18.536
c-0.171,0.604-0.414,1.372-1.5,1.954c-0.158,0.083-0.219-0.056-0.145-0.185c0.41-0.728,0.482-0.91,0.602-1.198
c0.167-0.42,0.253-1.018-0.077-2.264c-0.653-2.453-2.013-5.73-3.002-6.794c-0.954-1.026-2.683-1.314-4.246-0.896
c-0.576,0.155-1.701,0.765-3.79,0.275c-3.614-0.852-4.15,1.039-4.356,1.864c-0.208,0.825-0.706,3.165-0.706,3.165
c-0.166,0.954-0.383,2.612,5.229,3.73c2.614,0.52,2.747,1.225,2.863,1.734c0.207,0.91,0.54,1.429,0.913,1.692
c0.373,0.261,0,0.476-0.414,0.52c-1.113,0.122-5.229-1.112-7.663-2.559c-1.992-1.27-2.025-2.418-1.569-3.388
c-3.009-0.34-5.267,0.294-5.675,1.782c-0.703,2.555,5.374,6.92,12.293,9.108c7.262,2.298,14.73,0.692,15.561-4.076
C32.494,20.834,30.747,19.231,27.802,18.536z"/>
</g>
<rect x="124.424" y="3.36" fill="#FFFFFF" width="0.328" height="44.279"/>
<g>
<path fill="#FFFFFF" d="M147.608,25.602c-0.488,0.567-1.139,0.939-1.953,1.12l2.507,5.175h-1.465l-2.442-5.068h-2.702v5.068h-1.27
V19.988h4.508c0.5,0,0.968,0.069,1.401,0.204c0.435,0.136,0.808,0.343,1.124,0.622c0.314,0.278,0.565,0.626,0.749,1.046
c0.184,0.418,0.276,0.918,0.276,1.495C148.341,24.285,148.097,25.034,147.608,25.602z M146.477,21.746
c-0.396-0.368-0.974-0.549-1.733-0.549h-3.19v4.421h3.028c0.846,0,1.473-0.184,1.88-0.551c0.407-0.367,0.609-0.922,0.609-1.669
C147.071,22.664,146.874,22.113,146.477,21.746z"/>
<path fill="#FFFFFF" d="M150.865,31.896V19.988h6.886v1.209h-5.617v3.741h3.255v1.208h-3.255v4.543h5.861v1.208H150.865z"/>
<path fill="#FFFFFF" d="M168.209,28.62c-0.278,0.767-0.659,1.393-1.148,1.883c-0.488,0.484-1.063,0.841-1.725,1.061
c-0.662,0.222-1.373,0.333-2.133,0.333h-2.783V19.988h3.011c0.75,0,1.441,0.114,2.075,0.339c0.635,0.227,1.183,0.582,1.645,1.064
c0.461,0.482,0.821,1.092,1.082,1.83c0.26,0.736,0.391,1.614,0.391,2.634C168.624,26.935,168.486,27.854,168.209,28.62z
M166.328,22.402c-0.684-0.804-1.683-1.205-2.994-1.205h-1.645v9.492h1.677c0.619,0,1.171-0.089,1.66-0.264
c0.488-0.176,0.906-0.456,1.253-0.843c0.347-0.386,0.614-0.882,0.798-1.489c0.185-0.605,0.277-1.334,0.277-2.186
C167.354,24.378,167.013,23.209,166.328,22.402z"/>
<path fill="#FFFFFF" d="M182.298,31.896V26.28h-5.666v5.616h-1.27V19.988h1.27v5.086h5.666v-5.086h1.269v11.909H182.298z"/>
<path fill="#FFFFFF" d="M193.904,31.896l-0.977-3.028h-4.704l-0.993,3.028h-1.301l3.954-11.909h1.401l3.955,11.909H193.904z
M191.284,23.748c-0.066-0.193-0.135-0.404-0.204-0.629c-0.07-0.229-0.138-0.446-0.203-0.657c-0.065-0.21-0.123-0.408-0.172-0.595
c-0.048-0.187-0.089-0.343-0.122-0.468c-0.031,0.125-0.072,0.28-0.121,0.459c-0.049,0.182-0.107,0.381-0.171,0.596
c-0.065,0.214-0.135,0.44-0.212,0.673c-0.075,0.23-0.146,0.448-0.212,0.652l-1.253,3.88h3.924L191.284,23.748z"/>
<path fill="#FFFFFF" d="M200.287,21.197v10.7h-1.271v-10.7h-3.353v-1.21h7.975v1.21H200.287z"/>
<path fill="#FFFFFF" d="M216.468,31.539c-0.619,0.361-1.346,0.545-2.183,0.545c-0.694,0-1.327-0.156-1.897-0.469
c-0.567-0.312-1.054-0.741-1.455-1.285c-0.401-0.542-0.713-1.189-0.929-1.939c-0.218-0.747-0.324-1.558-0.324-2.431
c0-0.886,0.111-1.706,0.341-2.46c0.228-0.752,0.544-1.404,0.95-1.948c0.409-0.545,0.899-0.972,1.474-1.283
c0.575-0.313,1.206-0.469,1.89-0.469c1.54,0,2.75,0.636,3.631,1.904l-1.01,0.8c-0.37-0.521-0.751-0.901-1.141-1.14
c-0.391-0.238-0.895-0.358-1.513-0.358c-0.49,0-0.939,0.123-1.352,0.366c-0.412,0.246-0.766,0.583-1.058,1.014
c-0.295,0.429-0.525,0.948-0.692,1.547c-0.169,0.603-0.253,1.265-0.253,1.99s0.084,1.393,0.253,2
c0.167,0.606,0.404,1.128,0.709,1.565c0.304,0.436,0.662,0.775,1.072,1.021c0.414,0.242,0.858,0.363,1.336,0.363
c0.619,0,1.151-0.136,1.595-0.406c0.445-0.273,0.854-0.658,1.222-1.158l0.878,0.8C217.601,30.698,217.086,31.176,216.468,31.539z"
/>
<path fill="#FFFFFF" d="M228.707,28.4c-0.228,0.754-0.551,1.405-0.967,1.947c-0.419,0.546-0.92,0.97-1.505,1.276
c-0.587,0.304-1.232,0.459-1.938,0.459s-1.349-0.149-1.929-0.449c-0.581-0.304-1.078-0.726-1.49-1.27
c-0.413-0.545-0.729-1.191-0.952-1.939c-0.223-0.75-0.334-1.57-0.334-2.465c0-0.899,0.112-1.724,0.342-2.477
c0.229-0.755,0.546-1.404,0.96-1.949c0.412-0.544,0.912-0.969,1.498-1.274c0.585-0.306,1.23-0.46,1.938-0.46
c0.704,0,1.347,0.15,1.926,0.451c0.581,0.3,1.079,0.724,1.492,1.267c0.413,0.545,0.731,1.191,0.959,1.939
c0.229,0.75,0.343,1.573,0.343,2.466C229.05,26.821,228.936,27.648,228.707,28.4z M227.512,23.925
c-0.179-0.604-0.427-1.13-0.741-1.565c-0.314-0.434-0.684-0.771-1.106-1.002c-0.424-0.233-0.886-0.35-1.385-0.35
c-0.487,0-0.941,0.117-1.357,0.35c-0.419,0.231-0.78,0.562-1.083,0.985c-0.304,0.426-0.543,0.943-0.718,1.55
c-0.174,0.605-0.261,1.282-0.261,2.032c0,0.749,0.09,1.427,0.269,2.033c0.18,0.607,0.425,1.129,0.731,1.563
c0.311,0.438,0.678,0.774,1.101,1.006s0.884,0.35,1.384,0.35c0.486,0,0.941-0.118,1.366-0.35c0.424-0.231,0.786-0.562,1.093-0.987
c0.304-0.428,0.542-0.941,0.715-1.548c0.174-0.607,0.262-1.285,0.262-2.032C227.78,25.209,227.689,24.531,227.512,23.925z"/>
<path fill="#FFFFFF" d="M240.166,31.896v-8.063v-1.276c-0.032,0.114-0.073,0.252-0.119,0.416c-0.05,0.165-0.106,0.334-0.172,0.512
c-0.066,0.175-0.13,0.354-0.194,0.536c-0.066,0.182-0.13,0.351-0.194,0.51l-3.038,7.673l-2.989-7.673
c-0.063-0.148-0.13-0.315-0.193-0.501c-0.065-0.187-0.128-0.37-0.188-0.545c-0.059-0.176-0.112-0.347-0.162-0.512
c-0.047-0.163-0.088-0.301-0.121-0.414v1.276v8.062h-1.237V19.988h1.418l2.69,7.127c0.065,0.184,0.14,0.382,0.221,0.598
c0.081,0.214,0.16,0.43,0.235,0.646c0.076,0.216,0.146,0.418,0.212,0.604c0.067,0.188,0.115,0.341,0.149,0.466
c0.031-0.125,0.08-0.283,0.146-0.476c0.065-0.191,0.137-0.396,0.213-0.611c0.074-0.216,0.155-0.433,0.237-0.647
c0.081-0.217,0.155-0.408,0.219-0.579l2.723-7.127h1.387v11.909H240.166L240.166,31.896z"/>
<path fill="#FFFFFF" d="M252.996,31.896v-8.063v-1.276c-0.032,0.114-0.075,0.252-0.121,0.416
c-0.051,0.165-0.106,0.334-0.172,0.512c-0.066,0.175-0.13,0.354-0.194,0.536c-0.065,0.182-0.131,0.351-0.193,0.51l-3.039,7.673
l-2.988-7.673c-0.065-0.148-0.129-0.315-0.194-0.501c-0.065-0.187-0.13-0.37-0.187-0.545c-0.062-0.176-0.115-0.347-0.162-0.512
c-0.051-0.163-0.091-0.301-0.124-0.414v1.276v8.062h-1.238V19.988h1.421l2.69,7.127c0.064,0.184,0.137,0.382,0.219,0.598
c0.082,0.214,0.161,0.43,0.237,0.646c0.075,0.216,0.146,0.418,0.212,0.604c0.064,0.188,0.114,0.341,0.146,0.466
c0.034-0.125,0.081-0.283,0.147-0.476c0.065-0.191,0.136-0.396,0.213-0.611c0.075-0.216,0.153-0.433,0.235-0.647
c0.081-0.217,0.155-0.408,0.221-0.579l2.722-7.127h1.386v11.909H252.996L252.996,31.896z"/>
<path fill="#FFFFFF" d="M265.839,28.4c-0.229,0.754-0.551,1.405-0.968,1.947c-0.417,0.546-0.921,0.97-1.506,1.276
c-0.586,0.304-1.23,0.459-1.937,0.459s-1.35-0.149-1.931-0.449c-0.58-0.304-1.076-0.726-1.489-1.27
c-0.411-0.545-0.729-1.191-0.952-1.939c-0.223-0.75-0.332-1.57-0.332-2.465c0-0.899,0.112-1.724,0.34-2.477
c0.229-0.755,0.549-1.404,0.961-1.949c0.411-0.544,0.91-0.969,1.497-1.274c0.586-0.306,1.231-0.46,1.937-0.46
c0.707,0,1.35,0.15,1.93,0.451c0.581,0.3,1.078,0.724,1.489,1.267c0.412,0.545,0.732,1.191,0.961,1.939
c0.229,0.75,0.342,1.573,0.342,2.466C266.181,26.821,266.068,27.648,265.839,28.4z M264.642,23.925
c-0.179-0.604-0.424-1.13-0.74-1.565c-0.313-0.434-0.684-0.771-1.107-1.002c-0.423-0.233-0.885-0.35-1.385-0.35
c-0.487,0-0.941,0.117-1.357,0.35c-0.418,0.231-0.78,0.562-1.082,0.985c-0.306,0.426-0.543,0.943-0.719,1.55
c-0.173,0.605-0.259,1.282-0.259,2.032c0,0.749,0.089,1.427,0.268,2.033c0.177,0.607,0.425,1.129,0.733,1.563
c0.308,0.438,0.676,0.774,1.098,1.006s0.885,0.35,1.384,0.35c0.488,0,0.943-0.118,1.368-0.35c0.424-0.231,0.787-0.562,1.091-0.987
c0.305-0.428,0.543-0.941,0.716-1.548c0.176-0.607,0.26-1.285,0.26-2.032C264.909,25.209,264.82,24.531,264.642,23.925z"/>
<path fill="#FFFFFF" d="M275.704,31.896l-4.968-8.148c-0.063-0.104-0.135-0.225-0.212-0.366c-0.076-0.142-0.149-0.282-0.226-0.427
c-0.077-0.142-0.15-0.273-0.22-0.398c-0.069-0.127-0.121-0.227-0.154-0.307v0.816v8.83h-1.236V19.988h1.236l4.933,8.302
c0.065,0.104,0.135,0.226,0.212,0.367c0.075,0.142,0.151,0.282,0.229,0.424c0.074,0.141,0.148,0.275,0.219,0.401
c0.07,0.123,0.123,0.226,0.153,0.306V28.97v-8.982h1.24v11.909H275.704L275.704,31.896z"/>
<path fill="#FFFFFF" d="M291.234,30.8c-0.674,0.856-1.699,1.284-3.077,1.284c-1.367,0-2.397-0.424-3.085-1.269
c-0.688-0.846-1.035-2.094-1.035-3.749v-7.079h1.271v7.042c0,2.562,0.969,3.847,2.912,3.847c0.987,0,1.693-0.311,2.117-0.937
c0.423-0.625,0.635-1.582,0.635-2.873v-7.079h1.269v7.043C292.241,28.688,291.905,29.942,291.234,30.8z"/>
<path fill="#FFFFFF" d="M301.904,30.077c-0.17,0.406-0.414,0.76-0.74,1.054c-0.327,0.295-0.723,0.527-1.19,0.697
c-0.467,0.171-0.999,0.255-1.595,0.255c-0.781,0-1.501-0.155-2.158-0.468c-0.656-0.312-1.213-0.707-1.669-1.183l0.849-0.985
c0.433,0.431,0.899,0.775,1.399,1.036c0.497,0.261,1.041,0.391,1.629,0.391c0.757,0,1.357-0.179,1.797-0.544
c0.44-0.361,0.659-0.861,0.659-1.497c0-0.273-0.042-0.521-0.13-0.749c-0.088-0.224-0.237-0.435-0.448-0.629
c-0.214-0.192-0.489-0.383-0.838-0.566c-0.35-0.19-0.782-0.38-1.302-0.571c-0.62-0.229-1.138-0.46-1.555-0.688
c-0.419-0.236-0.754-0.484-1.011-0.749c-0.255-0.269-0.439-0.566-0.552-0.896c-0.116-0.328-0.172-0.707-0.172-1.14
c0-0.476,0.087-0.901,0.261-1.275c0.173-0.373,0.416-0.696,0.723-0.96c0.311-0.265,0.685-0.468,1.124-0.604
c0.44-0.138,0.926-0.205,1.458-0.205c0.758,0,1.408,0.113,1.945,0.34c0.537,0.227,1.044,0.538,1.521,0.936l-0.812,1.036
c-0.415-0.362-0.829-0.637-1.246-0.824c-0.419-0.187-0.915-0.282-1.49-0.282c-0.391,0-0.727,0.049-1.01,0.145
c-0.283,0.097-0.513,0.225-0.691,0.382c-0.179,0.159-0.309,0.345-0.391,0.553c-0.081,0.211-0.123,0.434-0.123,0.67
c0,0.252,0.034,0.477,0.1,0.674c0.063,0.198,0.195,0.39,0.389,0.578c0.196,0.188,0.469,0.37,0.823,0.552
c0.353,0.184,0.817,0.383,1.392,0.596c0.63,0.238,1.155,0.477,1.579,0.718c0.424,0.236,0.762,0.497,1.019,0.78
c0.255,0.282,0.437,0.594,0.544,0.935c0.108,0.342,0.163,0.73,0.163,1.174C302.157,29.23,302.072,29.668,301.904,30.077z"/>
<path fill="#FFFFFF" d="M304.794,31.896V19.988h6.886v1.209h-5.617v3.741h3.256v1.208h-3.256v4.543h5.862v1.208H304.794z"/>
<path fill="#FFFFFF" d="M321.675,25.602c-0.49,0.567-1.142,0.939-1.955,1.12l2.509,5.175h-1.467l-2.442-5.068h-2.701v5.068h-1.268
V19.988h4.508c0.498,0,0.966,0.069,1.398,0.204c0.435,0.136,0.809,0.343,1.124,0.622c0.314,0.278,0.564,0.626,0.749,1.046
c0.186,0.418,0.276,0.918,0.276,1.495C322.406,24.285,322.162,25.034,321.675,25.602z M320.543,21.746
c-0.397-0.368-0.975-0.549-1.734-0.549h-3.19v4.421h3.026c0.848,0,1.474-0.184,1.88-0.551c0.408-0.367,0.611-0.922,0.611-1.669
C321.136,22.664,320.939,22.113,320.543,21.746z"/>
<path fill="#FFFFFF" d="M329.161,31.896V19.988h6.887v1.209h-5.617v3.741h3.257v1.208h-3.257v4.543h5.863v1.208H329.161z"/>
<path fill="#FFFFFF" d="M345.148,31.896l-1.743-3.113c-0.216-0.383-0.41-0.737-0.579-1.054c-0.168-0.319-0.322-0.623-0.464-0.921
c-0.151,0.307-0.309,0.618-0.471,0.938c-0.163,0.316-0.354,0.662-0.568,1.037l-1.776,3.113h-1.399l3.55-6.195l-3.255-5.715h1.432
l1.466,2.604c0.216,0.373,0.408,0.721,0.569,1.037c0.163,0.318,0.319,0.628,0.471,0.934c0.142-0.293,0.297-0.599,0.465-0.917
c0.168-0.317,0.36-0.671,0.577-1.054l1.466-2.604h1.399l-3.255,5.685l3.55,6.226H345.148L345.148,31.896z"/>
<path fill="#FFFFFF" d="M356.615,25.117c-0.188,0.459-0.453,0.847-0.789,1.157c-0.338,0.311-0.744,0.547-1.222,0.706
c-0.478,0.157-0.998,0.236-1.563,0.236h-2.768v4.68h-1.268V19.988h4.264c0.521,0,1.001,0.071,1.441,0.213
c0.438,0.144,0.821,0.36,1.147,0.655c0.325,0.295,0.58,0.667,0.766,1.115c0.185,0.45,0.274,0.972,0.274,1.573
C356.898,24.134,356.805,24.656,356.615,25.117z M355.013,21.817c-0.412-0.416-1.011-0.621-1.793-0.621h-2.946v4.814h2.785
c1.714,0,2.571-0.805,2.571-2.418C355.63,22.822,355.425,22.229,355.013,21.817z"/>
<path fill="#FFFFFF" d="M359.064,31.896V19.988h6.887v1.209h-5.616v3.741h3.256v1.208h-3.256v4.543h5.86v1.208H359.064z"/>
<path fill="#FFFFFF" d="M375.945,25.602c-0.487,0.567-1.14,0.939-1.953,1.12l2.508,5.175h-1.467l-2.441-5.068h-2.701v5.068h-1.27
V19.988h4.509c0.499,0,0.967,0.069,1.4,0.204c0.432,0.136,0.809,0.343,1.123,0.622c0.312,0.278,0.564,0.626,0.747,1.046
c0.187,0.418,0.279,0.918,0.279,1.495C376.68,24.285,376.435,25.034,375.945,25.602z M374.813,21.746
c-0.396-0.368-0.974-0.549-1.732-0.549h-3.19v4.421h3.027c0.847,0,1.471-0.184,1.879-0.551c0.409-0.367,0.61-0.922,0.61-1.669
C375.407,22.664,375.21,22.113,374.813,21.746z"/>
<path fill="#FFFFFF" d="M379.283,31.896V19.988h1.271v11.909H379.283z"/>
<path fill="#FFFFFF" d="M383.628,31.896V19.988h6.888v1.209h-5.616v3.741h3.256v1.208h-3.256v4.543h5.859v1.208H383.628z"/>
<path fill="#FFFFFF" d="M400.199,31.896l-4.965-8.148c-0.065-0.104-0.137-0.225-0.211-0.366c-0.077-0.142-0.153-0.282-0.229-0.427
c-0.075-0.142-0.148-0.273-0.219-0.398c-0.07-0.127-0.12-0.227-0.154-0.307v0.816v8.83h-1.237V19.988h1.237l4.933,8.302
c0.065,0.104,0.136,0.226,0.21,0.367c0.076,0.142,0.154,0.282,0.229,0.424c0.075,0.141,0.148,0.275,0.219,0.401
c0.071,0.123,0.124,0.226,0.154,0.306V28.97v-8.982h1.238v11.909H400.199L400.199,31.896z"/>
<path fill="#FFFFFF" d="M410.683,31.539c-0.618,0.361-1.346,0.545-2.18,0.545c-0.696,0-1.327-0.156-1.896-0.469
c-0.57-0.312-1.056-0.741-1.457-1.285c-0.402-0.542-0.712-1.189-0.928-1.939c-0.218-0.747-0.327-1.558-0.327-2.431
c0-0.886,0.115-1.706,0.342-2.46c0.229-0.752,0.545-1.404,0.952-1.948c0.405-0.545,0.898-0.972,1.475-1.283
c0.574-0.313,1.203-0.469,1.888-0.469c1.541,0,2.749,0.636,3.632,1.904l-1.012,0.8c-0.37-0.521-0.749-0.901-1.14-1.14
c-0.39-0.238-0.896-0.358-1.513-0.358c-0.49,0-0.941,0.123-1.353,0.366c-0.412,0.246-0.765,0.583-1.058,1.014
c-0.293,0.429-0.523,0.948-0.691,1.547c-0.169,0.603-0.253,1.265-0.253,1.99s0.084,1.393,0.253,2
c0.168,0.606,0.404,1.128,0.709,1.565c0.302,0.436,0.662,0.775,1.073,1.021c0.412,0.242,0.858,0.363,1.334,0.363
c0.619,0,1.151-0.136,1.597-0.406c0.443-0.273,0.851-0.658,1.221-1.158l0.878,0.8C411.818,30.698,411.301,31.176,410.683,31.539z"
/>
<path fill="#FFFFFF" d="M414.606,31.896V19.988h6.886v1.209h-5.614v3.741h3.253v1.208h-3.253v4.543h5.859v1.208H414.606z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 22 KiB

View file

@ -0,0 +1,92 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 295.9 25" style="enable-background:new 0 0 295.9 25;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<g>
<path class="st0" d="M14.4,12.4c-0.5,0.6-1.1,0.9-2,1.1l2.5,5.2h-1.5L11,13.6H8.3v5.1H7V6.8h4.5c0.5,0,1,0.1,1.4,0.2
s0.8,0.3,1.1,0.6c0.3,0.3,0.6,0.6,0.7,1C14.9,9,15,9.5,15,10.1C15.1,11.1,14.9,11.8,14.4,12.4z M13.2,8.5c-0.4-0.4-1-0.5-1.7-0.5
H8.3v4.4h3c0.8,0,1.5-0.2,1.9-0.6s0.6-0.9,0.6-1.7C13.8,9.5,13.6,8.9,13.2,8.5z"/>
<path class="st0" d="M17.6,18.7V6.8h6.9V8h-5.6v3.7h3.3v1.2h-3.3v4.5h5.9v1.3H17.6L17.6,18.7z"/>
<path class="st0" d="M35,15.4c-0.3,0.8-0.7,1.4-1.1,1.9c-0.5,0.5-1.1,0.8-1.7,1.1c-0.8,0.2-1.5,0.3-2.2,0.3h-2.8V6.8h3
c0.8,0,1.4,0.1,2.1,0.3c0.6,0.2,1.2,0.6,1.6,1.1c0.5,0.5,0.8,1.1,1.1,1.8c0.3,0.7,0.4,1.6,0.4,2.6C35.4,13.7,35.2,14.6,35,15.4z
M33.1,9.2c-0.7-0.8-1.7-1.2-3-1.2h-1.6v9.5h1.7c0.6,0,1.2-0.1,1.7-0.3c0.5-0.2,0.9-0.5,1.3-0.8c0.3-0.4,0.6-0.9,0.8-1.5
s0.3-1.3,0.3-2.2C34.1,11.2,33.8,10,33.1,9.2z"/>
<path class="st0" d="M49.1,18.7v-5.6h-5.7v5.6h-1.3V6.8h1.3v5.1h5.7V6.8h1.3v11.9H49.1L49.1,18.7z"/>
<path class="st0" d="M60.7,18.7l-1-3H55l-1,3h-1.3l4-11.9h1.4l4,11.9H60.7z M58,10.5c-0.1-0.2-0.1-0.4-0.2-0.6
c-0.1-0.2-0.1-0.4-0.2-0.7c-0.1-0.2-0.1-0.4-0.2-0.6c0-0.2-0.1-0.3-0.1-0.5c0,0.1-0.1,0.3-0.1,0.5S57.1,9,57,9.2
c-0.1,0.2-0.1,0.4-0.2,0.7c-0.1,0.2-0.1,0.4-0.2,0.7l-1.3,3.9h3.9L58,10.5z"/>
<path class="st0" d="M67,8v10.7h-1.3V8h-3.4V6.8h8V8C70.4,8,67,8,67,8z"/>
<path class="st0" d="M83.2,18.3c-0.6,0.4-1.3,0.5-2.2,0.5c-0.7,0-1.3-0.2-1.9-0.5S78,17.6,77.6,17c-0.4-0.5-0.7-1.2-0.9-1.9
c-0.2-0.7-0.3-1.6-0.3-2.4c0-0.9,0.1-1.7,0.3-2.5c0.2-0.8,0.5-1.4,0.9-1.9s0.9-1,1.5-1.3s1.2-0.5,1.9-0.5c1.5,0,2.8,0.6,3.6,1.9
l-1,0.8c-0.4-0.5-0.8-0.9-1.1-1.1c-0.4-0.2-0.9-0.4-1.5-0.4c-0.5,0-0.9,0.1-1.4,0.4c-0.4,0.2-0.8,0.6-1.1,1
c-0.3,0.4-0.5,0.9-0.7,1.5s-0.3,1.3-0.3,2s0.1,1.4,0.3,2c0.2,0.6,0.4,1.1,0.7,1.6c0.3,0.4,0.7,0.8,1.1,1s0.9,0.4,1.3,0.4
c0.6,0,1.2-0.1,1.6-0.4s0.9-0.7,1.2-1.2l0.9,0.8C84.4,17.5,83.8,18,83.2,18.3z"/>
<path class="st0" d="M95.5,15.2c-0.2,0.8-0.6,1.4-1,1.9s-0.9,1-1.5,1.3s-1.2,0.5-1.9,0.5s-1.4-0.2-2-0.5s-1.1-0.7-1.5-1.3
c-0.4-0.5-0.7-1.2-1-1.9c-0.2-0.8-0.3-1.6-0.3-2.5s0.1-1.7,0.3-2.5c0.2-0.8,0.5-1.4,1-1.9c0.4-0.5,0.9-1,1.5-1.3s1.2-0.5,1.9-0.5
c0.7,0,1.3,0.2,1.9,0.5s1.1,0.7,1.5,1.3c0.4,0.5,0.7,1.2,1,1.9c0.2,0.8,0.3,1.6,0.3,2.5C95.8,13.6,95.7,14.4,95.5,15.2z
M94.3,10.7c-0.2-0.6-0.4-1.1-0.7-1.6c-0.3-0.4-0.7-0.8-1.1-1s-0.9-0.3-1.4-0.3s-0.9,0.1-1.4,0.3c-0.4,0.2-0.8,0.6-1.1,1
c-0.3,0.4-0.5,0.9-0.7,1.5s-0.3,1.3-0.3,2s0.1,1.4,0.3,2c0.2,0.6,0.4,1.1,0.7,1.6c0.3,0.4,0.7,0.8,1.1,1s0.9,0.4,1.4,0.4
s0.9-0.1,1.4-0.4c0.4-0.2,0.8-0.6,1.1-1c0.3-0.4,0.5-0.9,0.7-1.5s0.3-1.3,0.3-2C94.5,12,94.5,11.3,94.3,10.7z"/>
<path class="st0" d="M106.9,18.7v-8.1V9.3c0,0.1-0.1,0.3-0.1,0.4c-0.1,0.2-0.1,0.3-0.2,0.5s-0.1,0.4-0.2,0.5
c-0.1,0.2-0.1,0.4-0.2,0.5l-3,7.7l-3-7.7c-0.1-0.1-0.1-0.3-0.2-0.5s-0.1-0.4-0.2-0.5c-0.1-0.2-0.1-0.3-0.2-0.5
c0-0.2-0.1-0.3-0.1-0.4v1.3v8.1h-1.2V6.8h1.4l2.7,7.1c0.1,0.2,0.1,0.4,0.2,0.6s0.2,0.4,0.2,0.6c0.1,0.2,0.1,0.4,0.2,0.6
s0.1,0.3,0.1,0.5c0-0.1,0.1-0.3,0.1-0.5c0.1-0.2,0.1-0.4,0.2-0.6s0.2-0.4,0.2-0.6c0.1-0.2,0.2-0.4,0.2-0.6l2.7-7.1h1.4v11.9H106.9
L106.9,18.7z"/>
<path class="st0" d="M119.8,18.7v-8.1V9.3c0,0.1-0.1,0.3-0.1,0.4c-0.1,0.2-0.1,0.3-0.2,0.5s-0.1,0.4-0.2,0.5
c-0.1,0.2-0.1,0.4-0.2,0.5l-3,7.7l-3-7.7c-0.1-0.1-0.1-0.3-0.2-0.5s-0.1-0.4-0.2-0.5c-0.1-0.2-0.1-0.3-0.2-0.5s-0.1-0.3-0.1-0.4
v1.3v8.1h-1.2V6.8h1.4l2.7,7.1c0.1,0.2,0.1,0.4,0.2,0.6s0.2,0.4,0.2,0.6c0.1,0.2,0.1,0.4,0.2,0.6s0.1,0.3,0.1,0.5
c0-0.1,0.1-0.3,0.1-0.5c0.1-0.2,0.1-0.4,0.2-0.6s0.2-0.4,0.2-0.6c0.1-0.2,0.2-0.4,0.2-0.6l2.7-7.1h1.4v11.9H119.8L119.8,18.7z"/>
<path class="st0" d="M132.6,15.2c-0.2,0.8-0.6,1.4-1,1.9s-0.9,1-1.5,1.3s-1.2,0.5-1.9,0.5c-0.7,0-1.4-0.1-1.9-0.4
c-0.6-0.3-1.1-0.7-1.5-1.3c-0.4-0.5-0.7-1.2-1-1.9c-0.2-0.8-0.3-1.6-0.3-2.5s0.1-1.7,0.3-2.5c0.2-0.8,0.5-1.4,1-1.9
c0.4-0.5,0.9-1,1.5-1.3s1.2-0.5,1.9-0.5c0.7,0,1.3,0.2,1.9,0.5s1.1,0.7,1.5,1.3c0.4,0.5,0.7,1.2,1,1.9c0.2,0.8,0.3,1.6,0.3,2.5
C132.9,13.6,132.8,14.4,132.6,15.2z M131.4,10.7c-0.2-0.6-0.4-1.1-0.7-1.6c-0.3-0.4-0.7-0.8-1.1-1c-0.4-0.2-0.9-0.3-1.4-0.3
c-0.5,0-0.9,0.1-1.4,0.3c-0.4,0.2-0.8,0.6-1.1,1c-0.3,0.4-0.5,0.9-0.7,1.5s-0.3,1.3-0.3,2s0.1,1.4,0.3,2c0.2,0.6,0.4,1.1,0.7,1.6
c0.3,0.4,0.7,0.8,1.1,1s0.9,0.4,1.4,0.4c0.5,0,0.9-0.1,1.4-0.4c0.4-0.2,0.8-0.6,1.1-1s0.5-0.9,0.7-1.5s0.3-1.3,0.3-2
S131.6,11.3,131.4,10.7z"/>
<path class="st0" d="M142.5,18.7l-5-8.1c-0.1-0.1-0.1-0.2-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4
c-0.1-0.1-0.1-0.2-0.2-0.3v0.8v8.8h-1.2V6.8h1.2l4.9,8.3c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.1,0.2,0.3,0.2,0.4
c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.2,0.2,0.3v-0.8v-9h1.2v11.9H142.5L142.5,18.7z"/>
<path class="st0" d="M158,17.6c-0.7,0.9-1.7,1.3-3.1,1.3c-1.4,0-2.4-0.4-3.1-1.3c-0.7-0.8-1-2.1-1-3.7V6.8h1.3v7
c0,2.6,1,3.8,2.9,3.8c1,0,1.7-0.3,2.1-0.9c0.4-0.6,0.6-1.6,0.6-2.9V6.7h1.3v7C159,15.5,158.7,16.7,158,17.6z"/>
<path class="st0" d="M168.7,16.9c-0.2,0.4-0.4,0.8-0.7,1.1c-0.3,0.3-0.7,0.5-1.2,0.7c-0.5,0.2-1,0.3-1.6,0.3
c-0.8,0-1.5-0.2-2.2-0.5s-1.2-0.7-1.7-1.2l0.8-1c0.4,0.4,0.9,0.8,1.4,1c0.5,0.3,1,0.4,1.6,0.4c0.8,0,1.4-0.2,1.8-0.5
c0.4-0.4,0.7-0.9,0.7-1.5c0-0.3,0-0.5-0.1-0.7s-0.2-0.4-0.4-0.6s-0.5-0.4-0.8-0.6c-0.4-0.2-0.8-0.4-1.3-0.6
c-0.6-0.2-1.1-0.5-1.6-0.7c-0.4-0.2-0.8-0.5-1-0.7c-0.3-0.3-0.4-0.6-0.6-0.9c-0.1-0.3-0.2-0.7-0.2-1.1c0-0.5,0.1-0.9,0.3-1.3
s0.4-0.7,0.7-1s0.7-0.5,1.1-0.6c0.4-0.1,0.9-0.2,1.5-0.2c0.8,0,1.4,0.1,1.9,0.3c0.5,0.2,1,0.5,1.5,0.9l-0.8,1
c-0.4-0.4-0.8-0.6-1.2-0.8c-0.4-0.2-0.9-0.3-1.5-0.3c-0.4,0-0.7,0-1,0.1s-0.5,0.2-0.7,0.4c-0.2,0.2-0.3,0.3-0.4,0.6
c-0.1,0.2-0.1,0.4-0.1,0.7c0,0.3,0,0.5,0.1,0.7s0.2,0.4,0.4,0.6s0.5,0.4,0.8,0.6c0.4,0.2,0.8,0.4,1.4,0.6c0.6,0.2,1.2,0.5,1.6,0.7
c0.4,0.2,0.8,0.5,1,0.8c0.3,0.3,0.4,0.6,0.5,0.9s0.2,0.7,0.2,1.2C168.9,16,168.8,16.5,168.7,16.9z"/>
<path class="st0" d="M171.6,18.7V6.8h6.9V8h-5.6v3.7h3.3v1.2h-3.3v4.5h5.9v1.3H171.6L171.6,18.7z"/>
<path class="st0" d="M188.4,12.4c-0.5,0.6-1.1,0.9-2,1.1l2.5,5.2h-1.5l-2.4-5.1h-2.7v5.1H181V6.8h4.5c0.5,0,1,0.1,1.4,0.2
s0.8,0.3,1.1,0.6c0.3,0.3,0.6,0.6,0.7,1c0.2,0.4,0.3,0.9,0.3,1.5C189.2,11.1,188.9,11.8,188.4,12.4z M187.3,8.5
c-0.4-0.4-1-0.5-1.7-0.5h-3.2v4.4h3c0.8,0,1.5-0.2,1.9-0.6s0.6-0.9,0.6-1.7C187.9,9.5,187.7,8.9,187.3,8.5z"/>
<path class="st0" d="M195.9,18.7V6.8h6.9V8h-5.6v3.7h3.3v1.2h-3.3v4.5h5.9v1.3H195.9L195.9,18.7z"/>
<path class="st0" d="M211.9,18.7l-1.7-3.1c-0.2-0.4-0.4-0.7-0.6-1.1c-0.2-0.3-0.3-0.6-0.5-0.9c-0.2,0.3-0.3,0.6-0.5,0.9
s-0.4,0.7-0.6,1l-1.8,3.1h-1.4l3.5-6.2L205,6.7h1.4l1.5,2.6c0.2,0.4,0.4,0.7,0.6,1c0.2,0.3,0.3,0.6,0.5,0.9
c0.1-0.3,0.3-0.6,0.5-0.9s0.4-0.7,0.6-1.1l1.5-2.6h1.4l-3.3,5.7l3.5,6.2L211.9,18.7L211.9,18.7z"/>
<path class="st0" d="M223.4,11.9c-0.2,0.5-0.5,0.8-0.8,1.2c-0.3,0.3-0.7,0.5-1.2,0.7s-1,0.2-1.6,0.2H217v4.7h-1.3V6.8h4.3
c0.5,0,1,0.1,1.4,0.2s0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.7,0.8,1.1c0.2,0.5,0.3,1,0.3,1.6C223.7,10.9,223.6,11.5,223.4,11.9z
M221.8,8.6c-0.4-0.4-1-0.6-1.8-0.6h-2.9v4.8h2.8c1.7,0,2.6-0.8,2.6-2.4C222.4,9.6,222.2,9,221.8,8.6z"/>
<path class="st0" d="M225.8,18.7V6.8h6.9V8h-5.6v3.7h3.3v1.2h-3.3v4.5h5.9v1.3H225.8L225.8,18.7z"/>
<path class="st0" d="M242.7,12.4c-0.5,0.6-1.1,0.9-2,1.1l2.5,5.2h-1.5l-2.4-5.1h-2.6v5.1h-1.3V6.8h4.5c0.5,0,1,0.1,1.4,0.2
s0.8,0.3,1.1,0.6c0.3,0.3,0.6,0.6,0.7,1c0.2,0.4,0.3,0.9,0.3,1.5C243.4,11.1,243.2,11.8,242.7,12.4z M241.6,8.5
c-0.4-0.4-1-0.5-1.7-0.5h-3.2v4.4h3c0.8,0,1.5-0.2,1.9-0.6s0.6-0.9,0.6-1.7C242.2,9.5,242,8.9,241.6,8.5z"/>
<path class="st0" d="M246,18.7V6.8h1.3v11.9H246L246,18.7z"/>
<path class="st0" d="M250.4,18.7V6.8h6.9V8h-5.6v3.7h3.3v1.2h-3.3v4.5h5.9v1.3H250.4L250.4,18.7z"/>
<path class="st0" d="M267,18.7l-5-8.1c-0.1-0.1-0.1-0.2-0.2-0.4c-0.1-0.1-0.2-0.3-0.2-0.4c-0.1-0.1-0.1-0.3-0.2-0.4
c-0.1-0.1-0.1-0.2-0.2-0.3v0.8v8.8H260V6.8h1.2l4.9,8.3c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.1,0.2,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4
c0.1,0.1,0.1,0.2,0.2,0.3v-0.8v-9h1.2v11.9H267L267,18.7z"/>
<path class="st0" d="M277.4,18.3c-0.6,0.4-1.3,0.5-2.2,0.5c-0.7,0-1.3-0.2-1.9-0.5c-0.6-0.3-1.1-0.7-1.5-1.3
c-0.4-0.5-0.7-1.2-0.9-1.9c-0.2-0.7-0.3-1.6-0.3-2.4c0-0.9,0.1-1.7,0.3-2.5s0.5-1.4,1-1.9c0.4-0.5,0.9-1,1.5-1.3
c0.6-0.3,1.2-0.5,1.9-0.5c1.5,0,2.7,0.6,3.6,1.9l-1,0.8c-0.4-0.5-0.7-0.9-1.1-1.1c-0.4-0.2-0.9-0.4-1.5-0.4
c-0.5,0-0.9,0.1-1.4,0.4c-0.4,0.2-0.8,0.6-1.1,1c-0.3,0.4-0.5,0.9-0.7,1.5s-0.3,1.3-0.3,2s0.1,1.4,0.3,2c0.2,0.6,0.4,1.1,0.7,1.6
c0.3,0.4,0.7,0.8,1.1,1c0.4,0.2,0.9,0.4,1.3,0.4c0.6,0,1.2-0.1,1.6-0.4c0.4-0.3,0.9-0.7,1.2-1.2l0.9,0.8
C278.6,17.5,278.1,18,277.4,18.3z"/>
<path class="st0" d="M281.4,18.7V6.8h6.9V8h-5.6v3.7h3.3v1.2h-3.3v4.5h5.9v1.3H281.4L281.4,18.7z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

View file

@ -81,7 +81,29 @@
setCollapseHeights();
// Update on window resizing
$(window).resize(setCollapseHeights);
$(window).on('resize', setCollapseHeights);
};
$.fn.initFixedAccordion = function () {
var fixedAccordion = this, initOpen;
fixedAccordion.on('show.bs.collapse','.collapse', function (event) {
$(event.target.parentNode).addClass('panel-open');
});
fixedAccordion.on('hide.bs.collapse','.collapse', function (event) {
$(event.target.parentNode).removeClass('panel-open');
});
fixedAccordion.find('.panel').each(function (index, item) {
$(item).removeClass('panel-open');
});
initOpen = $(fixedAccordion.find('.collapse.in'))[0];
if (initOpen) {
$(initOpen.parentNode).addClass('panel-open');
}
};
}(jQuery));

View file

@ -22,7 +22,7 @@
}
});
$(window).resize(function () {
$(window).on('resize', function () {
// Call sidebar() on resize if .sidebar-pf exists
if ($('.sidebar-pf').length > 0) {
$.fn.sidebar();

View file

@ -7,7 +7,10 @@
if (typeof parent === "string") {
if (isNaN(parent)) {
parent = rows.closest(parent);
parent = $(parent);
if (parent.length > 1) {
parent = rows.closest(parent);
}
} else {
parent = $(rows[parseInt(parent, 10)]);
}

View file

@ -3,16 +3,22 @@
(function ($) {
'use strict';
$.fn.setupVerticalNavigation = function (handleItemSelections, ignoreDrawer) {
$.fn.setupVerticalNavigation = function (handleItemSelections, ignoreDrawer, userOptions) {
var navElement = $('.nav-pf-vertical'),
var options = $.extend({
hoverDelay: 500,
hideDelay: 700,
rememberOpenState: true,
storage: 'localStorage',
}, userOptions || {}),
navElement = $('.nav-pf-vertical'),
bodyContentElement = $('.container-pf-nav-pf-vertical'),
toggleNavBarButton = $('.navbar-toggle'),
handleResize = true,
explicitCollapse = false,
subDesktop = false,
hoverDelay = 500,
hideDelay = hoverDelay + 200,
storageLocation = options.storage === 'sessionStorage' ? 'sessionStorage' : 'localStorage',
inMobileState = function () {
return bodyContentElement.hasClass('hidden-nav');
@ -280,10 +286,14 @@
}
}
} else if (navElement.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-primary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-primary', 'expanded');
}
expandMenu();
} else {
window.localStorage.setItem('patternfly-navigation-primary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-primary', 'collapsed');
}
collapseMenu();
}
});
@ -390,12 +400,16 @@
e.stopImmediatePropagation();
} else {
if ($this.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-secondary', 'expanded');
window.localStorage.setItem('patternfly-navigation-tertiary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'expanded');
window[storageLocation].setItem('patternfly-navigation-tertiary', 'expanded');
}
updateSecondaryCollapsedState(false, $this);
forceHideSecondaryMenu();
} else {
window.localStorage.setItem('patternfly-navigation-secondary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'collapsed');
}
updateSecondaryCollapsedState(true, $this);
}
}
@ -416,12 +430,16 @@
e.stopImmediatePropagation();
} else {
if ($this.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-secondary', 'expanded');
window.localStorage.setItem('patternfly-navigation-tertiary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'expanded');
window[storageLocation].setItem('patternfly-navigation-tertiary', 'expanded');
}
updateTertiaryCollapsedState(false, $this);
forceHideSecondaryMenu();
} else {
window.localStorage.setItem('patternfly-navigation-tertiary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-tertiary', 'collapsed');
}
updateTertiaryCollapsedState(true, $this);
}
}
@ -447,7 +465,7 @@
navElement.addClass('hover-secondary-nav-pf');
$this.addClass('is-hover');
$this[0].navHoverTimeout = undefined;
}, hoverDelay);
}, options.hoverDelay);
}
}
});
@ -465,7 +483,7 @@
}
$this.removeClass('is-hover');
$this[0].navUnHoverTimeout = undefined;
}, hideDelay);
}, options.hideDelay);
}
});
@ -481,7 +499,7 @@
navElement.addClass('hover-tertiary-nav-pf');
$this.addClass('is-hover');
$this[0].navHoverTimeout = undefined;
}, hoverDelay);
}, options.hoverDelay);
}
}
});
@ -497,7 +515,7 @@
}
$this.removeClass('is-hover');
$this[0].navUnHoverTimeout = undefined;
}, hideDelay);
}, options.hideDelay);
}
});
},
@ -507,16 +525,16 @@
return;
}
if (window.localStorage.getItem('patternfly-navigation-primary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-primary') === 'collapsed') {
collapseMenu();
}
if ($('.nav-pf-vertical.nav-pf-vertical-collapsible-menus').length > 0) {
if (window.localStorage.getItem('patternfly-navigation-secondary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-secondary') === 'collapsed') {
updateSecondaryCollapsedState(true, $('.secondary-nav-item-pf.active [data-toggle=collapse-secondary-nav]'));
}
if (window.localStorage.getItem('patternfly-navigation-tertiary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-tertiary') === 'collapsed') {
updateTertiaryCollapsedState(true, $('.tertiary-nav-item-pf.active [data-toggle=collapse-tertiary-nav]'));
}
}
@ -553,7 +571,9 @@
//Set tooltips
setTooltips();
loadFromLocalStorage();
if (options.rememberOpenState) {
loadFromLocalStorage();
}
// Show the nav menus
navElement.removeClass('hide-nav-pf');

View file

@ -109,7 +109,7 @@
}
});
$(window).resize(function () {
$(window).on('resize', function () {
// Call sidebar() on resize if .sidebar-pf exists
if ($('.sidebar-pf').length > 0) {
$.fn.sidebar();
@ -585,9 +585,31 @@
setCollapseHeights();
// Update on window resizing
$(window).resize(setCollapseHeights);
$(window).on('resize', setCollapseHeights);
};
$.fn.initFixedAccordion = function () {
var fixedAccordion = this, initOpen;
fixedAccordion.on('show.bs.collapse','.collapse', function (event) {
$(event.target.parentNode).addClass('panel-open');
});
fixedAccordion.on('hide.bs.collapse','.collapse', function (event) {
$(event.target.parentNode).removeClass('panel-open');
});
fixedAccordion.find('.panel').each(function (index, item) {
$(item).removeClass('panel-open');
});
initOpen = $(fixedAccordion.find('.collapse.in'))[0];
if (initOpen) {
$(initOpen.parentNode).addClass('panel-open');
}
};
}(jQuery));
// Util: PatternFly TreeGrid Tables
@ -599,7 +621,10 @@
if (typeof parent === "string") {
if (isNaN(parent)) {
parent = rows.closest(parent);
parent = $(parent);
if (parent.length > 1) {
parent = rows.closest(parent);
}
} else {
parent = $(rows[parseInt(parent, 10)]);
}
@ -675,16 +700,22 @@
(function ($) {
'use strict';
$.fn.setupVerticalNavigation = function (handleItemSelections, ignoreDrawer) {
$.fn.setupVerticalNavigation = function (handleItemSelections, ignoreDrawer, userOptions) {
var navElement = $('.nav-pf-vertical'),
var options = $.extend({
hoverDelay: 500,
hideDelay: 700,
rememberOpenState: true,
storage: 'localStorage',
}, userOptions || {}),
navElement = $('.nav-pf-vertical'),
bodyContentElement = $('.container-pf-nav-pf-vertical'),
toggleNavBarButton = $('.navbar-toggle'),
handleResize = true,
explicitCollapse = false,
subDesktop = false,
hoverDelay = 500,
hideDelay = hoverDelay + 200,
storageLocation = options.storage === 'sessionStorage' ? 'sessionStorage' : 'localStorage',
inMobileState = function () {
return bodyContentElement.hasClass('hidden-nav');
@ -952,10 +983,14 @@
}
}
} else if (navElement.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-primary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-primary', 'expanded');
}
expandMenu();
} else {
window.localStorage.setItem('patternfly-navigation-primary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-primary', 'collapsed');
}
collapseMenu();
}
});
@ -1062,12 +1097,16 @@
e.stopImmediatePropagation();
} else {
if ($this.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-secondary', 'expanded');
window.localStorage.setItem('patternfly-navigation-tertiary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'expanded');
window[storageLocation].setItem('patternfly-navigation-tertiary', 'expanded');
}
updateSecondaryCollapsedState(false, $this);
forceHideSecondaryMenu();
} else {
window.localStorage.setItem('patternfly-navigation-secondary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'collapsed');
}
updateSecondaryCollapsedState(true, $this);
}
}
@ -1088,12 +1127,16 @@
e.stopImmediatePropagation();
} else {
if ($this.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-secondary', 'expanded');
window.localStorage.setItem('patternfly-navigation-tertiary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'expanded');
window[storageLocation].setItem('patternfly-navigation-tertiary', 'expanded');
}
updateTertiaryCollapsedState(false, $this);
forceHideSecondaryMenu();
} else {
window.localStorage.setItem('patternfly-navigation-tertiary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-tertiary', 'collapsed');
}
updateTertiaryCollapsedState(true, $this);
}
}
@ -1119,7 +1162,7 @@
navElement.addClass('hover-secondary-nav-pf');
$this.addClass('is-hover');
$this[0].navHoverTimeout = undefined;
}, hoverDelay);
}, options.hoverDelay);
}
}
});
@ -1137,7 +1180,7 @@
}
$this.removeClass('is-hover');
$this[0].navUnHoverTimeout = undefined;
}, hideDelay);
}, options.hideDelay);
}
});
@ -1153,7 +1196,7 @@
navElement.addClass('hover-tertiary-nav-pf');
$this.addClass('is-hover');
$this[0].navHoverTimeout = undefined;
}, hoverDelay);
}, options.hoverDelay);
}
}
});
@ -1169,7 +1212,7 @@
}
$this.removeClass('is-hover');
$this[0].navUnHoverTimeout = undefined;
}, hideDelay);
}, options.hideDelay);
}
});
},
@ -1179,16 +1222,16 @@
return;
}
if (window.localStorage.getItem('patternfly-navigation-primary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-primary') === 'collapsed') {
collapseMenu();
}
if ($('.nav-pf-vertical.nav-pf-vertical-collapsible-menus').length > 0) {
if (window.localStorage.getItem('patternfly-navigation-secondary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-secondary') === 'collapsed') {
updateSecondaryCollapsedState(true, $('.secondary-nav-item-pf.active [data-toggle=collapse-secondary-nav]'));
}
if (window.localStorage.getItem('patternfly-navigation-tertiary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-tertiary') === 'collapsed') {
updateTertiaryCollapsedState(true, $('.tertiary-nav-item-pf.active [data-toggle=collapse-tertiary-nav]'));
}
}
@ -1225,7 +1268,9 @@
//Set tooltips
setTooltips();
loadFromLocalStorage();
if (options.rememberOpenState) {
loadFromLocalStorage();
}
// Show the nav menus
navElement.removeClass('hide-nav-pf');

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,9 @@
interface Patternfly {
pfBreakpoints: {
tablet: number;
desktop: number;
};
}
interface Window {
patternfly: Patternfly;
}

View file

@ -2,7 +2,7 @@
'use strict';
var patternfly = {
version: "3.41.6"
version: "3.59.3"
};
// definition of breakpoint sizes for tablet and desktop modes
@ -13,4 +13,4 @@
window.patternfly = patternfly;
})(window);
})(typeof window !== 'undefined' ? window : global);

View file

@ -0,0 +1,92 @@
/// <reference types="c3" />
interface Window {
patternfly: Patternfly;
}
interface PFChartDataItem {
id: string;
index: number;
value: string;
name: string;
ratio: number;
}
type PFChartData = PFChartDataItem[];
interface Patternfly {
pfSetDonutChartTitle(
selector: Node,
primary: string,
secondary: string
): void;
pfDonutTooltipContents(
data: PFChartData,
defaultTitleFormat: string,
defaultValueFormat: string,
color: (id: number | string) => string
): string;
pfGetUtilizationDonutTooltipContentsFn(
units: string | number
): (data: PFChartData) => string;
pfGetBarChartTooltipContentsFn(
categories?: string[]
): (data: PFChartData) => string;
pfSingleLineChartTooltipContentsFn(
categories?: string[]
): (data: PFChartData) => string;
pfPieTooltipContents: Patternfly['pfDonutTooltipContents'];
c3ChartDefaults(): {
getDefaultAreaAxis(): c3.Axis
getDefaultAreaConfig(): c3.ChartConfiguration;
getDefaultAreaLegend(): c3.LegendOptions;
getDefaultAreaPoint(): c3.PointOptions;
getDefaultBarConfig(categories: string[]): c3.ChartConfiguration;
getDefaultBarGrid(): c3.Grid;
getDefaultBarLegend(): c3.LegendOptions;
getDefaultBarTooltip(categories: string[]): c3.TooltipOptions;
getDefaultColors(): c3.ChartConfiguration['color'];
getDefaultDonut(title: string): c3.ChartConfiguration['donut'];
getDefaultDonutColors(): c3.ChartConfiguration['color'];
getDefaultDonutConfig(title: string): c3.ChartConfiguration;
getDefaultDonutLegend(): c3.LegendOptions;
getDefaultDonutSize(): c3.ChartConfiguration['size'];
getDefaultDonutTooltip(): c3.TooltipOptions;
getDefaultGroupedBarConfig(): c3.ChartConfiguration;
getDefaultGroupedBarGrid(): c3.Grid;
getDefaultGroupedBarLegend(): c3.LegendOptions;
getDefaultLineAxis(): c3.Axis;
getDefaultLineConfig(): c3.ChartConfiguration;
getDefaultLineGrid(): c3.Grid;
getDefaultLineLegend(): c3.LegendOptions;
getDefaultLinePoint(): c3.PointOptions;
getDefaultPie(): c3.ChartConfiguration['pie'];
getDefaultPieColors(): c3.ChartConfiguration['color'];
getDefaultPieConfig(): c3.ChartConfiguration;
getDefaultPieLegend(): c3.LegendOptions;
getDefaultPieSize(): c3.ChartConfiguration['size'];
getDefaultPieTooltip(): c3.TooltipOptions;
getDefaultRelationshipDonutColors(): c3.ChartConfiguration['color'];
getDefaultRelationshipDonutConfig(): c3.ChartConfiguration;
getDefaultSingleAreaConfig(): c3.ChartConfiguration;
getDefaultSingleAreaTooltip(): c3.TooltipOptions;
getDefaultSingleLineConfig(): c3.ChartConfiguration;
getDefaultSingleLineTooltip(): c3.TooltipOptions;
getDefaultSparklineArea(): c3.ChartConfiguration['area'];
getDefaultSparklineAxis(): c3.Axis;
getDefaultSparklineConfig(): c3.ChartConfiguration;
getDefaultSparklineLegend(): c3.LegendOptions;
getDefaultSparklinePoint(): c3.PointOptions;
getDefaultSparklineSize(): c3.ChartConfiguration['size'];
getDefaultSparklineTooltip(): c3.TooltipOptions;
getDefaultStackedBarConfig(): c3.ChartConfiguration;
getDefaultStackedBarGrid(): c3.Grid;
getDefaultStackedBarLegend(): c3.LegendOptions;
};
}

View file

@ -1,12 +1,15 @@
(function (window) {
'use strict';
// Ensure we are assigning these to the patternfly property of the window argument, and not the implicit global patternfly
var patternfly = window.patternfly;
// Util: PatternFly C3 Chart Defaults
patternfly.pfSetDonutChartTitle = function (selector, primary, secondary) {
var donutChartRightTitle = window.d3.select(selector).select('text.c3-chart-arcs-title');
donutChartRightTitle.text("");
donutChartRightTitle.insert('tspan').text(primary).classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
donutChartRightTitle.insert('tspan').text(secondary).classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
donutChartRightTitle.insert('tspan').text(primary).classed('donut-title-big-pf', true).attr('y', 0).attr('x', 0);
donutChartRightTitle.insert('tspan').text(secondary).classed('donut-title-small-pf', true).attr('y', 20).attr('x', 0);
};
patternfly.pfDonutTooltipContents = function (d, defaultTitleFormat, defaultValueFormat, color) {
@ -443,4 +446,4 @@
getDefaultSingleAreaConfig: getDefaultSingleAreaConfig
};
};
})(window);
})(typeof window !== 'undefined' ? window : global);

View file

@ -0,0 +1,88 @@
interface Window {
patternfly: Patternfly;
}
interface Patternfly {
pfPaletteColors: {
black: string;
black100: string;
black200: string;
black300: string;
black400: string;
black500: string;
black600: string;
black700: string;
black800: string;
black900: string;
blue: string;
blue100: string;
blue200: string;
blue300: string;
blue400: string;
blue500: string;
blue600: string;
blue700: string;
gold: string;
gold100: string;
gold200: string;
gold300: string;
gold400: string;
gold500: string;
gold600: string;
gold700: string;
orange: string;
orange100: string;
orange200: string;
orange300: string;
orange400: string;
orange500: string;
orange600: string;
orange700: string;
lightBlue: string;
lightBlue100: string;
lightBlue200: string;
lightBlue300: string;
lightBlue400: string;
lightBlue500: string;
lightBlue600: string;
lightBlue700: string;
green: string;
green100: string;
green200: string;
green300: string;
green400: string;
green500: string;
green600: string;
green700: string;
lightGreen: string;
lightGreen100: string;
lightGreen200: string;
lightGreen300: string;
lightGreen400: string;
lightGreen500: string;
lightGreen600: string;
lightGreen700: string;
cyan: string;
cyan100: string;
cyan200: string;
cyan300: string;
cyan400: string;
cyan500: string;
cyan600: string;
cyan700: string;
purple: string;
purple100: string;
purple200: string;
purple300: string;
purple400: string;
purple500: string;
purple600: string;
purple700: string;
red: string;
red100: string;
red200: string;
red300: string;
red400: string;
red500: string;
};
}

View file

@ -1,6 +1,9 @@
(function (window) {
'use strict';
// Ensure we are assigning these to the patternfly property of the window argument, and not the implicit global patternfly
var patternfly = window.patternfly;
// Util: PatternFly Palette colors
patternfly.pfPaletteColors = {
black: '#030303',
@ -84,5 +87,5 @@
red400: '#470000',
red500: '#2c0000'
};
})(window);
})(typeof window !== 'undefined' ? window : global);

View file

@ -0,0 +1,3 @@
/// <reference path="patternfly-settings-colors.d.ts" />
/// <reference path="patternfly-settings-base.d.ts" />
/// <reference path="patternfly-settings-charts.d.ts" />

View file

@ -2,7 +2,7 @@
'use strict';
var patternfly = {
version: "3.41.6"
version: "3.59.3"
};
// definition of breakpoint sizes for tablet and desktop modes
@ -13,11 +13,14 @@
window.patternfly = patternfly;
})(window);
})(typeof window !== 'undefined' ? window : global);
(function (window) {
'use strict';
// Ensure we are assigning these to the patternfly property of the window argument, and not the implicit global patternfly
var patternfly = window.patternfly;
// Util: PatternFly Palette colors
patternfly.pfPaletteColors = {
black: '#030303',
@ -101,18 +104,21 @@
red400: '#470000',
red500: '#2c0000'
};
})(window);
})(typeof window !== 'undefined' ? window : global);
(function (window) {
'use strict';
// Ensure we are assigning these to the patternfly property of the window argument, and not the implicit global patternfly
var patternfly = window.patternfly;
// Util: PatternFly C3 Chart Defaults
patternfly.pfSetDonutChartTitle = function (selector, primary, secondary) {
var donutChartRightTitle = window.d3.select(selector).select('text.c3-chart-arcs-title');
donutChartRightTitle.text("");
donutChartRightTitle.insert('tspan').text(primary).classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
donutChartRightTitle.insert('tspan').text(secondary).classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
donutChartRightTitle.insert('tspan').text(primary).classed('donut-title-big-pf', true).attr('y', 0).attr('x', 0);
donutChartRightTitle.insert('tspan').text(secondary).classed('donut-title-small-pf', true).attr('y', 20).attr('x', 0);
};
patternfly.pfDonutTooltipContents = function (d, defaultTitleFormat, defaultValueFormat, color) {
@ -549,4 +555,4 @@
getDefaultSingleAreaConfig: getDefaultSingleAreaConfig
};
};
})(window);
})(typeof window !== 'undefined' ? window : global);

File diff suppressed because one or more lines are too long

View file

@ -2,7 +2,7 @@
'use strict';
var patternfly = {
version: "3.41.6"
version: "3.59.3"
};
// definition of breakpoint sizes for tablet and desktop modes
@ -13,11 +13,14 @@
window.patternfly = patternfly;
})(window);
})(typeof window !== 'undefined' ? window : global);
(function (window) {
'use strict';
// Ensure we are assigning these to the patternfly property of the window argument, and not the implicit global patternfly
var patternfly = window.patternfly;
// Util: PatternFly Palette colors
patternfly.pfPaletteColors = {
black: '#030303',
@ -101,18 +104,21 @@
red400: '#470000',
red500: '#2c0000'
};
})(window);
})(typeof window !== 'undefined' ? window : global);
(function (window) {
'use strict';
// Ensure we are assigning these to the patternfly property of the window argument, and not the implicit global patternfly
var patternfly = window.patternfly;
// Util: PatternFly C3 Chart Defaults
patternfly.pfSetDonutChartTitle = function (selector, primary, secondary) {
var donutChartRightTitle = window.d3.select(selector).select('text.c3-chart-arcs-title');
donutChartRightTitle.text("");
donutChartRightTitle.insert('tspan').text(primary).classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
donutChartRightTitle.insert('tspan').text(secondary).classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
donutChartRightTitle.insert('tspan').text(primary).classed('donut-title-big-pf', true).attr('y', 0).attr('x', 0);
donutChartRightTitle.insert('tspan').text(secondary).classed('donut-title-small-pf', true).attr('y', 20).attr('x', 0);
};
patternfly.pfDonutTooltipContents = function (d, defaultTitleFormat, defaultValueFormat, color) {
@ -549,7 +555,7 @@
getDefaultSingleAreaConfig: getDefaultSingleAreaConfig
};
};
})(window);
})(typeof window !== 'undefined' ? window : global);
// Util: definition of breakpoint sizes for tablet and desktop modes
(function ($) {
@ -662,7 +668,7 @@
}
});
$(window).resize(function () {
$(window).on('resize', function () {
// Call sidebar() on resize if .sidebar-pf exists
if ($('.sidebar-pf').length > 0) {
$.fn.sidebar();
@ -1138,9 +1144,31 @@
setCollapseHeights();
// Update on window resizing
$(window).resize(setCollapseHeights);
$(window).on('resize', setCollapseHeights);
};
$.fn.initFixedAccordion = function () {
var fixedAccordion = this, initOpen;
fixedAccordion.on('show.bs.collapse','.collapse', function (event) {
$(event.target.parentNode).addClass('panel-open');
});
fixedAccordion.on('hide.bs.collapse','.collapse', function (event) {
$(event.target.parentNode).removeClass('panel-open');
});
fixedAccordion.find('.panel').each(function (index, item) {
$(item).removeClass('panel-open');
});
initOpen = $(fixedAccordion.find('.collapse.in'))[0];
if (initOpen) {
$(initOpen.parentNode).addClass('panel-open');
}
};
}(jQuery));
// Util: PatternFly TreeGrid Tables
@ -1152,7 +1180,10 @@
if (typeof parent === "string") {
if (isNaN(parent)) {
parent = rows.closest(parent);
parent = $(parent);
if (parent.length > 1) {
parent = rows.closest(parent);
}
} else {
parent = $(rows[parseInt(parent, 10)]);
}
@ -1228,16 +1259,22 @@
(function ($) {
'use strict';
$.fn.setupVerticalNavigation = function (handleItemSelections, ignoreDrawer) {
$.fn.setupVerticalNavigation = function (handleItemSelections, ignoreDrawer, userOptions) {
var navElement = $('.nav-pf-vertical'),
var options = $.extend({
hoverDelay: 500,
hideDelay: 700,
rememberOpenState: true,
storage: 'localStorage',
}, userOptions || {}),
navElement = $('.nav-pf-vertical'),
bodyContentElement = $('.container-pf-nav-pf-vertical'),
toggleNavBarButton = $('.navbar-toggle'),
handleResize = true,
explicitCollapse = false,
subDesktop = false,
hoverDelay = 500,
hideDelay = hoverDelay + 200,
storageLocation = options.storage === 'sessionStorage' ? 'sessionStorage' : 'localStorage',
inMobileState = function () {
return bodyContentElement.hasClass('hidden-nav');
@ -1505,10 +1542,14 @@
}
}
} else if (navElement.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-primary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-primary', 'expanded');
}
expandMenu();
} else {
window.localStorage.setItem('patternfly-navigation-primary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-primary', 'collapsed');
}
collapseMenu();
}
});
@ -1615,12 +1656,16 @@
e.stopImmediatePropagation();
} else {
if ($this.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-secondary', 'expanded');
window.localStorage.setItem('patternfly-navigation-tertiary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'expanded');
window[storageLocation].setItem('patternfly-navigation-tertiary', 'expanded');
}
updateSecondaryCollapsedState(false, $this);
forceHideSecondaryMenu();
} else {
window.localStorage.setItem('patternfly-navigation-secondary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'collapsed');
}
updateSecondaryCollapsedState(true, $this);
}
}
@ -1641,12 +1686,16 @@
e.stopImmediatePropagation();
} else {
if ($this.hasClass('collapsed')) {
window.localStorage.setItem('patternfly-navigation-secondary', 'expanded');
window.localStorage.setItem('patternfly-navigation-tertiary', 'expanded');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-secondary', 'expanded');
window[storageLocation].setItem('patternfly-navigation-tertiary', 'expanded');
}
updateTertiaryCollapsedState(false, $this);
forceHideSecondaryMenu();
} else {
window.localStorage.setItem('patternfly-navigation-tertiary', 'collapsed');
if (options.rememberOpenState) {
window[storageLocation].setItem('patternfly-navigation-tertiary', 'collapsed');
}
updateTertiaryCollapsedState(true, $this);
}
}
@ -1672,7 +1721,7 @@
navElement.addClass('hover-secondary-nav-pf');
$this.addClass('is-hover');
$this[0].navHoverTimeout = undefined;
}, hoverDelay);
}, options.hoverDelay);
}
}
});
@ -1690,7 +1739,7 @@
}
$this.removeClass('is-hover');
$this[0].navUnHoverTimeout = undefined;
}, hideDelay);
}, options.hideDelay);
}
});
@ -1706,7 +1755,7 @@
navElement.addClass('hover-tertiary-nav-pf');
$this.addClass('is-hover');
$this[0].navHoverTimeout = undefined;
}, hoverDelay);
}, options.hoverDelay);
}
}
});
@ -1722,7 +1771,7 @@
}
$this.removeClass('is-hover');
$this[0].navUnHoverTimeout = undefined;
}, hideDelay);
}, options.hideDelay);
}
});
},
@ -1732,16 +1781,16 @@
return;
}
if (window.localStorage.getItem('patternfly-navigation-primary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-primary') === 'collapsed') {
collapseMenu();
}
if ($('.nav-pf-vertical.nav-pf-vertical-collapsible-menus').length > 0) {
if (window.localStorage.getItem('patternfly-navigation-secondary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-secondary') === 'collapsed') {
updateSecondaryCollapsedState(true, $('.secondary-nav-item-pf.active [data-toggle=collapse-secondary-nav]'));
}
if (window.localStorage.getItem('patternfly-navigation-tertiary') === 'collapsed') {
if (window[storageLocation].getItem('patternfly-navigation-tertiary') === 'collapsed') {
updateTertiaryCollapsedState(true, $('.tertiary-nav-item-pf.active [data-toggle=collapse-tertiary-nav]'));
}
}
@ -1778,7 +1827,9 @@
//Set tooltips
setTooltips();
loadFromLocalStorage();
if (options.rememberOpenState) {
loadFromLocalStorage();
}
// Show the nav menus
navElement.removeClass('hide-nav-pf');

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,18 @@
.fixed-height-accordion-pf {
display: flex;
flex-direction: column;
.panel {
display: flex;
flex-direction: column;
&.panel-open {
flex: 1;
}
.collapse.in {
flex: 1;
overflow-y: auto;
}
}
}

View file

@ -105,9 +105,7 @@
.navbar-utility .applauncher-pf {
.dropdown-menu {
border-width: @applauncher-pf-menu-link-border-width !important;
@media (min-width: @screen-sm-min) {
margin-top: 3px;
right:0;
}
}//.dropdown-menu
@ -117,8 +115,10 @@
.navbar-utility .applauncher-pf, .applauncher-pf {
&.open > a,
&.open > a:focus {
&.open {
> .dropdown-toggle {
&,
&:focus {
background-color: @navbar-pf-navbar-nav-active-bg-color;
color: @navbar-pf-active-color;
@ -128,6 +128,8 @@
color: @navbar-pf-navbar-utility-color;
}
}
}
}
&.open {
.dropdown-menu > li > a {
@ -142,7 +144,6 @@
&.dropdown > .dropdown-toggle,
.dropdown-toggle {
background-color: inherit;
color: @applauncher-pf-menu-link-color;
text-align: left;
text-decoration: none;
@ -154,6 +155,11 @@
color: @applauncher-pf-menu-link-color-disabled !important;
}
&:hover,
&:focus {
color: @navbar-pf-active-color;
}
@media (min-width: @screen-sm-min) {
border-left: 1px solid @navbar-pf-navbar-utility-border-color;
padding: @applauncher-pf-dropdown-toggle-padding;
@ -162,7 +168,8 @@
}
.applauncher-pf-icon {
padding-right:@applauncher-pf-icon-padding-right;
padding-right: @navbar-pf-item-icon-padding-right;
position: relative;
@media (min-width: @screen-sm-min) {
padding: 0;
@ -172,9 +179,9 @@
.applauncher-pf-title {
display: inline;
position: relative;
margin: 0;
}
.applauncher-pf-link {
overflow: hidden;
width: 100%;
@ -207,7 +214,6 @@
@media (min-width: @screen-sm-min) {
padding: 22px 10px;
line-height: inherit;
}
}
}

View file

@ -25,11 +25,28 @@
}
.blank-slate-pf-secondary-action {
margin-top: @line-height-computed;
}
button {
margin-right: 5px;
&:last-of-type {
margin-right: 0;
a {
display: inline-block;
padding: @blank-slate-pf-secondary-link-padding-top @blank-slate-pf-secondary-link-padding-left;
& + a:before {
background-color: @color-pf-black-500;
content: "";
display: inline-block;
height: ceil((@font-size-base * .8));
left: ~"calc(-@{blank-slate-pf-secondary-link-padding-left} - 2px)";
position: relative;
width: 1px;
}
}
}
button {
margin-bottom: 5px;
}
&.blank-slate-content-pf {
background: transparent;
border: 0;
padding: 0;
margin: 20px;
}
}

View file

@ -31,7 +31,7 @@
&:last-child { padding-right: 0; }
+ .card-pf-item { border-left: 1px solid @card-pf-border-color; }
.fa-check { color: @brand-success; }
.fa,
.fa, .fas, .far, .fab, .fal,
.pficon {
+ .card-pf-item-text { margin-left: 10px; }
}
@ -42,7 +42,7 @@
font-weight: 300;
margin-bottom: 0;
margin-top: 15px;
.fa,
.fa, .fas, .far, .fab, .fal,
.pficon {
font-size: ceil((@font-size-base * 1.5));
margin-right: 2px;
@ -95,7 +95,7 @@
font-size: 16px;
font-weight: normal;
margin-bottom: 10px;
.fa,
.fa, .fas, .far, .fab, .fal,
.pficon {
font-size: 14px;
margin-right: 5px;

View file

@ -58,7 +58,7 @@
margin-left: (@grid-gutter-width / 8 - 2);
padding-left: (@grid-gutter-width / 4);
}
.fa, .pficon {
.fa, .fas, .far, .fab, .fal, .pficon {
font-size: (@font-size-base * 1.5); // 18px
margin-right: 7px;
}
@ -93,7 +93,7 @@
margin: 0 (-(@grid-gutter-width / 2)) !important;
padding: (@grid-gutter-width / 2) (@grid-gutter-width / 2) (@grid-gutter-width / 4);
a > {
.fa,
.fa, .fas, .far, .fab, .fal,
.pficon {
margin-right: 5px;
}
@ -106,7 +106,7 @@
.card-pf-link-with-icon {
padding-left: 21px;
position: relative;
.fa,
.fa, .fas, .far, .fab, .fal,
.pficon {
font-size: 16px;
left: 0;
@ -159,7 +159,7 @@
.card-pf-aggregate-status & {
font-size: @font-size-large;
margin: (@grid-gutter-width / 4) 0 0;
.fa,
.fa, .fas, .far, .fab, .fal,
.pficon {
color: @card-pf-aggregate-status-title-icon-color;
font-size: @font-size-h3;
@ -181,7 +181,7 @@
a {
display: inline-block;
}
.fa,
.fa, .fas, .far, .fab, .fal,
.pficon {
font-size: (@font-size-base * 2 + 2); // 26px
margin-right: 0;

View file

@ -2,6 +2,270 @@
// Charts
// --------------------------------------------------
.bullet-chart-pf {
display: flex;
flex-direction: column;
&.bullet-chart-pf-vertical {
height: 100%;
flex-direction: row;
}
}
.bullet-chart-pf-chart {
display: flex;
flex: 1;
flex-direction: row;
width: 100%;
.bullet-chart-pf-vertical & {
flex: initial;
flex-direction: column-reverse;
height: 100%;
width: initial;
}
}
.bullet-chart-pf-title-container {
display: flex;
flex-direction: column;
justify-content: center;
margin: 10px 0 25px;
padding-right: 10px;
text-align: right;
.bullet-chart-pf-vertical & {
margin-bottom: 0;
padding-right: 0;
text-align: center;
}
}
.bullet-chart-pf-title {
font-size: (@font-size-base + 2);
}
.bullet-chart-pf-details {
color: @gray-light;
font-size: @font-size-base;
line-height: 9px;
}
.bullet-chart-pf-container {
display: flex;
flex-direction: column;
flex: 5;
.bullet-chart-pf-vertical & {
flex-direction: row-reverse;
flex: initial;
&.show-axis {
margin-left: -25px;
}
}
}
.bullet-chart-pf-data-container {
flex: 1;
position: relative;
.bullet-chart-pf-vertical & {
height: initial;
}
}
.bullet-chart-pf-vertical-data-container {
display: flex;
flex: 5;
flex-direction: row;
justify-content: center;
.bullet-chart-pf-data-container {
flex: initial;
}
}
.bullet-chart-pf-values-container {
height: 20px;
margin: 20px 0;
position: relative;
.bullet-chart-pf-vertical & {
height: 100%;
margin: 0 20px;
width: 20px;
}
}
.bullet-chart-pf-value-bar {
height: 100%;
position: absolute;
transition: left 600ms ease;
.bullet-chart-pf-vertical & {
bottom: 0;
height: initial;
top: initial;
width: 100%;
}
}
.bullet-chart-pf-value-dot {
border-radius: 50%;
border-style: solid;
border-width: 0;
height: 20px;
transform: translateX(-50%);
position: absolute;
transition: left 600ms ease;
width: 20px;
.bullet-chart-pf-vertical & {
top: initial;
transform: translateY(50%);
}
}
.bullet-chart-pf-threshold-indicator {
border: 0 solid @color-pf-black-600;
border-left-width: 1px;
height: 100%;
position: absolute;
top: 0;
z-index: 400;
.bullet-chart-pf-vertical & {
border-left-width: 0;
border-top-width: 1px;
height: 1px;
left: 0;
top: initial;
width: 100%;
}
&.error {
border-color: @alert-danger-border;
}
&.warning {
border-color: @alert-warning-border;
}
}
.bullet-chart-pf-range-bar {
height: 100%;
left: 0;
position: absolute;
top: 0;
.bullet-chart-pf-vertical & {
bottom: 0;
height: initial;
top: initial;
width: 100%;
}
&.range-1 {
background-color: @color-pf-black-150;
}
&.range-2 {
background-color: @color-pf-black-200;
}
&.range-3 {
background-color: #dbdbdb;
}
}
.bullet-chart-pf-axis {
border-top: 1px solid @color-pf-black-600;
height: 25px;
position: relative;
.bullet-chart-pf-vertical & {
height: initial;
width: 25px;
border-right: 1px solid @color-pf-black-600;
border-top: 0;
}
.bullet-chart-pf-title-container & {
border-top: 0;
}
}
.bullet-chart-pf-axis-tic {
padding-top: 5px;
position: absolute;
text-align: center;
width: 30px;
.bullet-chart-pf-vertical & {
padding-top: 0;
padding-right: 5px;
width: 100%;
text-align: right;
line-height: 21px;
}
&:before {
border-left: 1px solid @color-pf-black-600;
content: "";
height: 3px;
left: 50%;
position: absolute;
top: -1px;
.bullet-chart-pf-vertical & {
border-left: 0;
border-top: 1px solid @color-pf-black-600;
height: initial;
left: initial;
right: -1px;
top: calc(50% - 1px);
width: 3px;
}
}
}
.bullet-chart-pf-overflow {
flex: 1;
}
.bullet-chart-pf-legend {
margin-top: 7px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
.bullet-chart-pf-vertical & {
flex-direction: column;
margin-left: 10px;
margin-top: 0;
text-align: left;
}
}
.bullet-chart-pf-legend-item {
display: inline-block;
margin-right: 10px;
.bullet-chart-pf-vertical & {
margin-right: 0;
margin-top: 10px;
}
}
.bullet-chart-pf-legend-item-box {
display: inline-block;
height: 13px;
margin-right: 3px;
width: 13px;
&.range-1 {
background-color: @color-pf-black-150;
}
&.range-2 {
background-color: @color-pf-black-200;
}
&.range-3 {
background-color: #dbdbdb;
}
}
.bullet-chart-pf-legend-item-text {
display: inline-block;
line-height: 14px;
max-width: 150px;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
top: 1px;
white-space: nowrap;
word-wrap: normal;
}
.c3 {
path {
stroke: @table-border-color;
@ -122,4 +386,3 @@
flex-direction: row-reverse;
}
}

View file

@ -1,67 +1,125 @@
//
// Context Selector
// --------------------------------------------------
.contextselector-pf {
float: left;
.bootstrap-select {
width: @contextselector-pf-bootstrap-select-width-mobile !important;
@media (min-width: @screen-xs-min) {
width: @contextselector-pf-bootstrap-select-width-desktop !important;
}
&.open {
> .dropdown-toggle {
&,
&:hover,
&:focus {
background: @navbar-pf-item-open-bg-color;
color: @navbar-pf-item-active-color;
}
&:focus {
outline: 0 !important; // don't show restored focus ring when open
}
}
}
> .dropdown-toggle {
background: none;
border: 0;
box-shadow: none !important;
color: @navbar-pf-vertical-color;
font-weight: normal;
padding-bottom: @contextselector-pf-dropdown-toggle-padding-bottom;
padding-left: @contextselector-pf-dropdown-toggle-padding-left;
padding-top: @contextselector-pf-dropdown-toggle-padding-top;
&:focus {
// restore the focus ring
// Default
outline: thin dotted !important;
// WebKit
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px !important;
}
&:hover {
outline: 0 !important; // don't show restored focus ring when open
}
&:focus,
&:hover {
background-color: @navbar-pf-item-hover-bg-color;
}
.filter-option {
text-overflow: ellipsis;
position: relative;
}
}
.dropdown-menu li a span.text {
display: block;
overflow-x: hidden;
text-overflow: ellipsis;
width: 100%;
}
}
}
.layout-pf-fixed .navbar-pf-vertical.navbar-pf-contextselector {
z-index: @zindex-modal-background;
}
.navbar-pf-vertical .nav.contextselector-pf {
@media (min-width: @screen-sm-min) {
margin-left:@contextselector-pf-margin-left;
}
border-left:1px solid @color-pf-black-700;
.nav-item-iconic {
padding:@contextselector-pf-nav-item-iconic-padding;
display: flex;
align-items: center;
}
@media (min-width: @screen-md-min) {
margin-left: @contextselector-pf-margin-left;
}
}
.contextselector-pf {
float:left;
&-title {
width: @contextselector-title-width-mobile;
@media (min-width: @screen-xs-min) {
width: @contextselector-title-width-desktop;
}
white-space: nowrap;
display:inline-block;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
// the following rules are deprecated
.contextselector-pf {
float:left;
&-title {
display: inline-block;
line-height: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: @contextselector-title-width-mobile;
@media (min-width: @screen-xs-min) {
width: @contextselector-title-width-desktop;
}
.dropdown {
&.open, &:hover {
background-color: @navbar-pf-navbar-primary-active-bg-color-stop;
}
}
.contextselector-pf-list {
@media (min-width: @screen-sm-min) {
max-height: @contextselector-pf-list-max-height;
overflow-y: auto;
}
.dropdown-menu {
width: 100%;
margin-top:0;
a {
color: @color-pf-black-800;
display: block;
}
.form-group {
margin: @contextselector-pf-form-group-margin;
}
.contextselector-pf-list {
@media (min-width: @screen-sm-min) {
max-height: @contextselector-pf-list-max-height;
overflow-y: auto;
}
li {
padding: @contextselector-pf-list-li-padding;
border-width: @contextselector-pf-list-li-border-width;
border-style: solid;
border-color: transparent;
&:hover {
background: @color-pf-blue-50;
border-color: @dropdown-link-hover-border-color;
a {
text-decoration: none;
}
li {
border-color: transparent;
border-style: solid;
border-width: @contextselector-pf-list-li-border-width;
padding: @contextselector-pf-list-li-padding;
&:hover {
background: @color-pf-blue-50;
border-color: @dropdown-link-hover-border-color;
a {
text-decoration: none;
}
}
a {
color: @color-pf-black-800;
display: block;
}
}
}
.dropdown {
&.open, &:hover {
background-color: @navbar-pf-navbar-primary-active-bg-color-stop;
}
}
.dropdown-menu {
margin-top: 0;
width: 100%;
}
.form-group {
margin: @contextselector-pf-form-group-margin;
}
}
.navbar-pf-vertical .nav.contextselector-pf .nav-item-iconic {
align-items: center;
display: flex;
padding: @contextselector-pf-nav-item-iconic-padding;
}

View file

@ -25,7 +25,7 @@
.box-shadow(0 6px 12px fade(@color-pf-black, 17.5%));
background-clip: padding-box;
list-style: none;
margin: -1px 0 0 0;
margin: -1px 0 0;
padding: 5px 10px;
width: 150px;
z-index: @zindex-dropdown;

View file

@ -0,0 +1,35 @@
//
// Date and Time
// --------------------------------------------------
.date-time-picker-pf .input-group-addon {
.fa, .fas, .far, .fab, .fal,
.pficon {
width: 12px;
}
}
.date-time-range-picker-pf {
.form-control,
.form-control:not(:first-child):not(:last-child) {
border-radius: @border-radius-base;
}
.form-control:first-child {
border-bottom-right-radius: @border-radius-base;
border-top-right-radius: @border-radius-base;
}
.form-control:last-child {
border-bottom-left-radius: @border-radius-base;
border-top-left-radius: @border-radius-base;
}
.input-group-addon {
background-color: transparent;
border: none;
line-height: @line-height-base;
padding: @padding-base-vertical @padding-base-horizontal;
}
.dropdown-kebab-pf {
float: right;
margin-left: 0;
margin-right: -15px;
}
}

View file

@ -250,7 +250,6 @@
min-width: 16px;
padding: 4px 5px;
line-height: @line-height-base;
text-shadow: 0 1px 0 #fff;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px;

View file

@ -15,8 +15,7 @@
// Headings for larger alerts
h4 {
margin-top: 0;
// Specified for the h4 to prevent conflicts of changing @headings-color
color: inherit;
color: inherit; // Specified for the h4 to prevent conflicts of changing @headings-color
}
// Provide class for links that match alerts
@ -39,7 +38,8 @@
//
// Expand the right padding and account for the close button's positioning.
.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
// The misspelled .alert-dismissable was deprecated in 3.2.0.
.alert-dismissable,
.alert-dismissible {
padding-right: (@alert-padding + 20);

View file

@ -10,11 +10,11 @@
padding: 3px 7px;
font-size: @font-size-small;
font-weight: @badge-font-weight;
color: @badge-color;
line-height: @badge-line-height;
vertical-align: middle;
white-space: nowrap;
color: @badge-color;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: @badge-bg;
border-radius: @badge-border-radius;

View file

@ -1,6 +1,6 @@
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

View file

@ -14,9 +14,9 @@
display: inline-block;
+ li:before {
content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
padding: 0 5px;
color: @breadcrumb-color;
content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
}
}

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-no-qualifying-type */
//
// Button groups
// --------------------------------------------------
@ -103,18 +105,18 @@
// Give the line between buttons some depth
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
padding-left: 12px;
}
// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle {
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
.box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
// Show no shadow for `.btn-link` since it has no other button styles.
&.btn-link {
@ -205,8 +207,8 @@
border-collapse: separate;
> .btn,
> .btn-group {
float: none;
display: table-cell;
float: none;
width: 1%;
}
> .btn-group .btn {
@ -237,7 +239,7 @@
input[type="radio"],
input[type="checkbox"] {
position: absolute;
clip: rect(0,0,0,0);
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
}

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-no-qualifying-type
//
// Buttons
// --------------------------------------------------
@ -11,12 +13,12 @@
margin-bottom: 0; // For input.btn
font-weight: @btn-font-weight;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid transparent;
white-space: nowrap;
.button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base);
.user-select(none);
@ -38,9 +40,9 @@
&:active,
&.active {
outline: 0;
background-image: none;
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
outline: 0;
.box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
}
&.disabled,
@ -92,8 +94,8 @@
// Make a button look and behave like a link
.btn-link {
font-weight: 400;
color: @link-color;
font-weight: normal;
border-radius: 0;
&,

View file

@ -1,3 +1,5 @@
// stylelint-disable media-feature-name-no-unknown
//
// Carousel
// --------------------------------------------------
@ -10,12 +12,12 @@
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
overflow: hidden;
> .item {
display: none;
position: relative;
display: none;
.transition(.6s ease-in-out left);
// Account for jankitude on images
@ -27,8 +29,8 @@
// WebKit CSS3 transforms for supported devices
@media all and (transform-3d), (-webkit-transform-3d) {
.transition-transform(~'0.6s ease-in-out');
.backface-visibility(~'hidden');
.transition-transform(~"0.6s ease-in-out");
.backface-visibility(~"hidden");
.perspective(1000px);
&.next,
@ -93,34 +95,34 @@
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
left: 0;
width: @carousel-control-width;
.opacity(@carousel-control-opacity);
font-size: @carousel-control-font-size;
color: @carousel-control-color;
text-align: center;
text-shadow: @carousel-text-shadow;
background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
.opacity(@carousel-control-opacity);
// We can't have this transition here because WebKit cancels the carousel
// animation if you trip this while in the middle of another animation.
// Set gradients for backgrounds
&.left {
#gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
#gradient > .horizontal(@start-color: rgba(0, 0, 0, .5); @end-color: rgba(0, 0, 0, .0001));
}
&.right {
left: auto;
right: 0;
#gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
left: auto;
#gradient > .horizontal(@start-color: rgba(0, 0, 0, .0001); @end-color: rgba(0, 0, 0, .5));
}
// Hover/focus state
&:hover,
&:focus {
outline: 0;
color: @carousel-control-color;
text-decoration: none;
outline: 0;
.opacity(.9);
}
@ -131,9 +133,9 @@
.glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.icon-prev,
.glyphicon-chevron-left {
@ -147,21 +149,20 @@
}
.icon-prev,
.icon-next {
width: 20px;
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
line-height: 1;
}
.icon-prev {
&:before {
content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
}
}
.icon-next {
&:before {
content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
}
}
}
@ -177,21 +178,18 @@
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
margin-left: -30%;
text-align: center;
list-style: none;
li {
display: inline-block;
width: 10px;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid @carousel-indicator-border-color;
border-radius: 10px;
cursor: pointer;
// IE8-9 hack for event handling
//
// Internet Explorer 8-9 does not support clicks on elements without a set
@ -202,12 +200,16 @@
// For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
// set alpha transparency for the best results possible.
background-color: #000 \9; // IE8
background-color: rgba(0,0,0,0); // IE9
background-color: rgba(0, 0, 0, 0); // IE9
border: 1px solid @carousel-indicator-border-color;
border-radius: 10px;
}
.active {
margin: 0;
width: 12px;
width: 12px;
height: 12px;
margin: 0;
background-color: @carousel-indicator-active-bg;
}
}
@ -217,15 +219,16 @@
// Hidden by default for smaller viewports
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: @carousel-caption-color;
text-align: center;
text-shadow: @carousel-text-shadow;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
@ -258,8 +261,8 @@
// Show and left align the captions
.carousel-caption {
left: 20%;
right: 20%;
left: 20%;
padding-bottom: 30px;
}

View file

@ -1,3 +1,5 @@
// stylelint-disable property-no-vendor-prefix
//
// Close icons
// --------------------------------------------------
@ -30,5 +32,6 @@
background: transparent;
border: 0;
-webkit-appearance: none;
appearance: none;
}
}

View file

@ -27,12 +27,12 @@ kbd {
color: @kbd-color;
background-color: @kbd-bg;
border-radius: @border-radius-small;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
font-weight: 700;
box-shadow: none;
}
}
@ -44,9 +44,9 @@ pre {
margin: 0 0 (@line-height-computed / 2);
font-size: (@font-size-base - 1); // 14px to 13px
line-height: @line-height-base;
color: @pre-color;
word-break: break-all;
word-wrap: break-word;
color: @pre-color;
background-color: @pre-bg;
border: 1px solid @pre-border-color;
border-radius: @border-radius-base;

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-no-qualifying-type
//
// Component animations
// --------------------------------------------------
@ -10,6 +12,7 @@
.fade {
opacity: 0;
.transition(opacity .15s linear);
&.in {
opacity: 1;
}

View file

@ -10,10 +10,10 @@
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: @caret-width-base dashed;
border-top: @caret-width-base solid ~"\9"; // IE8
border-top: @caret-width-base dashed;
border-top: @caret-width-base solid ~"\9"; // IE8
border-right: @caret-width-base solid transparent;
border-left: @caret-width-base solid transparent;
border-left: @caret-width-base solid transparent;
}
// The dropdown wrapper (div)
@ -38,15 +38,15 @@
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0; // override default ul
list-style: none;
font-size: @font-size-base;
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
list-style: none;
background-color: @dropdown-bg;
background-clip: padding-box;
border: 1px solid @dropdown-fallback-border; // IE8 fallback
border: 1px solid @dropdown-border;
border-radius: @border-radius-base;
.box-shadow(0 6px 12px rgba(0,0,0,.175));
background-clip: padding-box;
.box-shadow(0 6px 12px rgba(0, 0, 0, .175));
// Aligns the dropdown menu to right
//
@ -66,20 +66,17 @@
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
font-weight: 400;
line-height: @line-height-base;
color: @dropdown-link-color;
white-space: nowrap; // prevent links from randomly breaking onto new lines
}
}
// Hover/Focus state
.dropdown-menu > li > a {
&:hover,
&:focus {
text-decoration: none;
color: @dropdown-link-hover-color;
background-color: @dropdown-link-hover-bg;
&:hover,
&:focus {
color: @dropdown-link-hover-color;
text-decoration: none;
background-color: @dropdown-link-hover-bg;
}
}
}
@ -90,8 +87,8 @@
&:focus {
color: @dropdown-link-active-color;
text-decoration: none;
outline: 0;
background-color: @dropdown-link-active-bg;
outline: 0;
}
}
@ -110,10 +107,10 @@
&:hover,
&:focus {
text-decoration: none;
cursor: @cursor-disabled;
background-color: transparent;
background-image: none; // Remove CSS gradient
.reset-filter();
cursor: @cursor-disabled;
}
}
@ -135,8 +132,8 @@
// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
// menu with the parent.
.dropdown-menu-right {
left: auto; // Reset the default from `.dropdown-menu`
right: 0;
left: auto; // Reset the default from `.dropdown-menu`
}
// With v3, we enabled auto-flipping if you have a dropdown within a right
// aligned nav component. To enable the undoing of that, we provide an override
@ -145,8 +142,8 @@
// This is only for left-aligning a dropdown menu within a `.navbar-right` or
// `.pull-right` nav component.
.dropdown-menu-left {
left: 0;
right: auto;
left: 0;
}
// Dropdown section headers
@ -162,10 +159,10 @@
// Backdrop to catch body clicks on mobile, etc.
.dropdown-backdrop {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
top: 0;
left: 0;
z-index: (@zindex-dropdown - 10);
}
@ -184,10 +181,10 @@
.navbar-fixed-bottom .dropdown {
// Reverse the caret
.caret {
content: "";
border-top: 0;
border-bottom: @caret-width-base dashed;
border-bottom: @caret-width-base solid ~"\9"; // IE8
content: "";
}
// Different positioning for bottom up menu
.dropdown-menu {

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-no-qualifying-type, property-no-vendor-prefix, media-feature-name-no-vendor-prefix
//
// Forms
// --------------------------------------------------
@ -8,13 +10,13 @@
// Restyle and baseline non-control form elements.
fieldset {
padding: 0;
margin: 0;
border: 0;
// Chrome and Firefox set a `min-width: min-content;` on fieldsets,
// so we reset that to ensure it behaves more like a standard block element.
// See https://github.com/twbs/bootstrap/issues/12359.
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
@ -33,7 +35,7 @@ label {
display: inline-block;
max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
margin-bottom: 5px;
font-weight: bold;
font-weight: 700;
}
@ -43,9 +45,18 @@ label {
// is required to ensure optimum display with or without those classes to better
// address browser inconsistencies.
// Override content-box in Normalize (* isn't specific enough)
input[type="search"] {
// Override content-box in Normalize (* isn't specific enough)
.box-sizing(border-box);
// Search inputs in iOS
//
// This overrides the extra rounded corners on search inputs in iOS so that our
// `.form-control` class can properly style them. Note that this cannot simply
// be added to `.form-control` as it's not specific enough. For details, see
// https://github.com/twbs/bootstrap/issues/11586.
-webkit-appearance: none;
appearance: none;
}
// Position radios and checkboxes better
@ -54,6 +65,16 @@ input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9; // IE8-9
line-height: normal;
// Apply same disabled cursor tweak as for inputs
// Some special care is needed because <label>s don't inherit their parent's `cursor`.
//
// Note: Neither radios nor checkboxes can be readonly.
&[disabled],
&.disabled,
fieldset[disabled] & {
cursor: @cursor-disabled;
}
}
input[type="file"] {
@ -123,7 +144,7 @@ output {
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid @input-border;
border-radius: @input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));
.transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
// Customize the `:focus` state to imitate native WebKit styles.
@ -134,8 +155,8 @@ output {
// Unstyle the caret on `<select>`s in IE10+.
&::-ms-expand {
border: 0;
background-color: transparent;
border: 0;
}
// Disabled and read-only inputs
@ -162,18 +183,6 @@ output {
}
// Search inputs in iOS
//
// This overrides the extra rounded corners on search inputs in iOS so that our
// `.form-control` class can properly style them. Note that this cannot simply
// be added to `.form-control` as it's not specific enough. For details, see
// https://github.com/twbs/bootstrap/issues/11586.
input[type="search"] {
-webkit-appearance: none;
}
// Special styles for iOS temporal inputs
//
// In Mobile Safari, setting `display: block` on temporal inputs causes the
@ -226,11 +235,19 @@ input[type="search"] {
margin-top: 10px;
margin-bottom: 10px;
// These are used on elements with <label> descendants
&.disabled,
fieldset[disabled] & {
label {
cursor: @cursor-disabled;
}
}
label {
min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
font-weight: 400;
cursor: pointer;
}
}
@ -239,8 +256,8 @@ input[type="search"] {
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
@ -255,9 +272,15 @@ input[type="search"] {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
// These are used directly on <label>s
&.disabled,
fieldset[disabled] & {
cursor: @cursor-disabled;
}
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
@ -265,37 +288,6 @@ input[type="search"] {
margin-left: 10px; // space out consecutive inline controls
}
// Apply same disabled cursor tweak as for inputs
// Some special care is needed because <label>s don't inherit their parent's `cursor`.
//
// Note: Neither radios nor checkboxes can be readonly.
input[type="radio"],
input[type="checkbox"] {
&[disabled],
&.disabled,
fieldset[disabled] & {
cursor: @cursor-disabled;
}
}
// These classes are used directly on <label>s
.radio-inline,
.checkbox-inline {
&.disabled,
fieldset[disabled] & {
cursor: @cursor-disabled;
}
}
// These classes are used on elements with <label> descendants
.radio,
.checkbox {
&.disabled,
fieldset[disabled] & {
label {
cursor: @cursor-disabled;
}
}
}
// Static form control text
//
@ -303,17 +295,17 @@ input[type="checkbox"] {
// a horizontal form layout.
.form-control-static {
min-height: (@line-height-computed + @font-size-base);
// Size it appropriately next to real form controls
padding-top: (@padding-base-vertical + 1);
padding-bottom: (@padding-base-vertical + 1);
// Remove default margin from `p`
margin-bottom: 0;
min-height: (@line-height-computed + @font-size-base);
&.input-lg,
&.input-sm {
padding-left: 0;
padding-right: 0;
padding-left: 0;
}
}
@ -556,9 +548,9 @@ input[type="checkbox"] {
.checkbox,
.radio-inline,
.checkbox-inline {
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
margin-top: 0;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
}
// Account for padding we're adding to ensure the alignment and of help text
// and other content below items
@ -576,9 +568,9 @@ input[type="checkbox"] {
// labels on narrow viewports stack the same as a default form example.
@media (min-width: @screen-sm-min) {
.control-label {
text-align: right;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
margin-bottom: 0;
text-align: right;
}
}

View file

@ -1,3 +1,5 @@
// stylelint-disable value-list-comma-newline-after, value-list-comma-space-after, indentation, declaration-colon-newline-after, font-family-no-missing-generic-family-keyword
//
// Glyphicons for Bootstrap
//
@ -9,13 +11,13 @@
// Import the fonts
@font-face {
font-family: 'Glyphicons Halflings';
src: url('@{icon-font-path}@{icon-font-name}.eot');
src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'),
url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg');
font-family: "Glyphicons Halflings";
src: url("@{icon-font-path}@{icon-font-name}.eot");
src: url("@{icon-font-path}@{icon-font-name}.eot?#iefix") format("embedded-opentype"),
url("@{icon-font-path}@{icon-font-name}.woff2") format("woff2"),
url("@{icon-font-path}@{icon-font-name}.woff") format("woff"),
url("@{icon-font-path}@{icon-font-name}.ttf") format("truetype"),
url("@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}") format("svg");
}
// Catchall baseclass
@ -23,9 +25,9 @@
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

View file

@ -40,6 +40,16 @@
.make-row();
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
}
// Columns
//

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-no-qualifying-type
//
// Input groups
// --------------------------------------------------
@ -12,8 +14,8 @@
// Undo padding and float of grid classes
&[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
padding-left: 0;
}
.form-control {
@ -77,7 +79,7 @@
.input-group-addon {
padding: @padding-base-vertical @padding-base-horizontal;
font-size: @font-size-base;
font-weight: normal;
font-weight: 400;
line-height: 1;
color: @input-color;
text-align: center;

View file

@ -4,7 +4,7 @@
.jumbotron {
padding-top: @jumbotron-padding;
padding-top: @jumbotron-padding;
padding-bottom: @jumbotron-padding;
margin-bottom: @jumbotron-padding;
color: @jumbotron-color;
@ -27,9 +27,9 @@
.container &,
.container-fluid & {
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
padding-left: (@grid-gutter-width / 2);
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
}
.container {
@ -37,13 +37,13 @@
}
@media screen and (min-width: @screen-sm-min) {
padding-top: (@jumbotron-padding * 1.6);
padding-top: (@jumbotron-padding * 1.6);
padding-bottom: (@jumbotron-padding * 1.6);
.container &,
.container-fluid & {
padding-left: (@jumbotron-padding * 2);
padding-right: (@jumbotron-padding * 2);
padding-left: (@jumbotron-padding * 2);
}
h1,

View file

@ -6,7 +6,7 @@
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
font-weight: 700;
line-height: 1;
color: @label-color;
text-align: center;

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-no-qualifying-type
//
// List groups
// --------------------------------------------------
@ -9,8 +11,8 @@
.list-group {
// No need to set list-style: none; since .list-group-item is block level
margin-bottom: 20px;
padding-left: 0; // reset padding because ul and ol
margin-bottom: 20px;
}
@ -35,44 +37,14 @@
margin-bottom: 0;
.border-bottom-radius(@list-group-border-radius);
}
}
// Interactive list items
//
// Use anchor or button elements instead of `li`s or `div`s to create interactive items.
// Includes an extra `.active` modifier class for showing selected items.
a.list-group-item,
button.list-group-item {
color: @list-group-link-color;
.list-group-item-heading {
color: @list-group-link-heading-color;
}
// Hover state
&:hover,
&:focus {
text-decoration: none;
color: @list-group-link-hover-color;
background-color: @list-group-hover-bg;
}
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item {
// Disabled state
&.disabled,
&.disabled:hover,
&.disabled:focus {
background-color: @list-group-disabled-bg;
color: @list-group-disabled-color;
cursor: @cursor-disabled;
background-color: @list-group-disabled-bg;
// Force color to inherit for custom content
.list-group-item-heading {
@ -105,6 +77,34 @@ button.list-group-item {
}
// Interactive list items
//
// Use anchor or button elements instead of `li`s or `div`s to create interactive items.
// Includes an extra `.active` modifier class for showing selected items.
a.list-group-item,
button.list-group-item {
color: @list-group-link-color;
.list-group-item-heading {
color: @list-group-link-heading-color;
}
// Hover state
&:hover,
&:focus {
color: @list-group-link-hover-color;
text-decoration: none;
background-color: @list-group-hover-bg;
}
}
button.list-group-item {
width: 100%;
text-align: left;
}
// Contextual variants
//
// Add modifier classes to change text and background color on individual items.

View file

@ -9,8 +9,8 @@
.media,
.media-body {
zoom: 1;
overflow: hidden;
zoom: 1;
}
.media-body {

View file

@ -1,13 +1,14 @@
// Alerts
.alert-variant(@background; @border; @text-color) {
color: @text-color;
background-color: @background;
border-color: @border;
color: @text-color;
hr {
border-top-color: darken(@border, 5%);
}
.alert-link {
color: darken(@text-color, 10%);
}

View file

@ -1,18 +1,18 @@
// Single side border-radius
.border-top-radius(@radius) {
border-top-left-radius: @radius;
border-top-right-radius: @radius;
border-top-left-radius: @radius;
}
.border-right-radius(@radius) {
border-top-right-radius: @radius;
border-bottom-right-radius: @radius;
border-top-right-radius: @radius;
}
.border-bottom-radius(@radius) {
border-bottom-right-radius: @radius;
border-bottom-left-radius: @radius;
border-bottom-left-radius: @radius;
}
.border-left-radius(@radius) {
border-top-left-radius: @radius;
border-bottom-left-radius: @radius;
border-top-left-radius: @radius;
}

View file

@ -12,33 +12,29 @@
&.focus {
color: @color;
background-color: darken(@background, 10%);
border-color: darken(@border, 25%);
border-color: darken(@border, 25%);
}
&:hover {
color: @color;
background-color: darken(@background, 10%);
border-color: darken(@border, 12%);
border-color: darken(@border, 12%);
}
&:active,
&.active,
.open > .dropdown-toggle& {
color: @color;
background-color: darken(@background, 10%);
border-color: darken(@border, 12%);
background-image: none;
border-color: darken(@border, 12%);
&:hover,
&:focus,
&.focus {
color: @color;
background-color: darken(@background, 17%);
border-color: darken(@border, 25%);
border-color: darken(@border, 25%);
}
}
&:active,
&.active,
.open > .dropdown-toggle& {
background-image: none;
}
&.disabled,
&[disabled],
fieldset[disabled] & {
@ -46,7 +42,7 @@
&:focus,
&.focus {
background-color: @background;
border-color: @border;
border-color: @border;
}
}

View file

@ -2,6 +2,6 @@
.center-block() {
display: block;
margin-left: auto;
margin-right: auto;
margin-left: auto;
}

View file

@ -13,8 +13,8 @@
.clearfix() {
&:before,
&:after {
content: " "; // 1
display: table; // 2
content: " "; // 1
}
&:after {
clear: both;

View file

@ -20,18 +20,18 @@
// Set the border and box shadow on specific inputs to match
.form-control {
border-color: @border-color;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
&:focus {
border-color: darken(@border-color, 10%);
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
@shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@border-color, 20%);
.box-shadow(@shadow);
}
}
// Set validation states also for addons
.input-group-addon {
color: @text-color;
border-color: @border-color;
background-color: @background-color;
border-color: @border-color;
}
// Optional feedback icon
.form-control-feedback {
@ -57,7 +57,7 @@
&:focus {
border-color: @color;
outline: 0;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
.box-shadow(~"inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px @{color-rgba}");
}
}

View file

@ -1,4 +1,4 @@
// Gradients
// stylelint-disable value-no-vendor-prefix, selector-max-id
#gradient {
@ -10,8 +10,8 @@
background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down
background-repeat: repeat-x;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
}
// Vertical gradient, from top to bottom
@ -22,36 +22,36 @@
background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down
background-repeat: repeat-x;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
}
.directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x;
}
.horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
background-repeat: no-repeat;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
}
.vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
background-repeat: no-repeat;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
}
.radial(@inner-color: #555; @outer-color: #333) {
background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
background-image: radial-gradient(circle, @inner-color, @outer-color);
background-repeat: no-repeat;
}
.striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
.striped(@color: rgba(255, 255, 255, .15); @angle: 45deg) {
background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);

View file

@ -19,8 +19,8 @@
// Prevent columns from collapsing when empty
min-height: 1px;
// Inner gutter via padding
padding-left: ceil((@grid-gutter-width / 2));
padding-right: floor((@grid-gutter-width / 2));
padding-left: ceil((@grid-gutter-width / 2));
}
}
.col(1); // kickstart it

View file

@ -4,17 +4,17 @@
// Centered container element
.container-fixed(@gutter: @grid-gutter-width) {
padding-right: ceil((@gutter / 2));
padding-left: floor((@gutter / 2));
margin-right: auto;
margin-left: auto;
padding-left: floor((@gutter / 2));
padding-right: ceil((@gutter / 2));
&:extend(.clearfix all);
}
// Creates a wrapper for a series of columns
.make-row(@gutter: @grid-gutter-width) {
margin-left: ceil((@gutter / -2));
margin-right: floor((@gutter / -2));
margin-left: ceil((@gutter / -2));
&:extend(.clearfix all);
}
@ -24,8 +24,8 @@
float: left;
width: percentage((@columns / @grid-columns));
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
padding-left: (@gutter / 2);
}
.make-xs-column-offset(@columns) {
margin-left: percentage((@columns / @grid-columns));
@ -41,8 +41,8 @@
.make-sm-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
padding-left: (@gutter / 2);
@media (min-width: @screen-sm-min) {
float: left;
@ -69,8 +69,8 @@
.make-md-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
padding-left: (@gutter / 2);
@media (min-width: @screen-md-min) {
float: left;
@ -97,8 +97,8 @@
.make-lg-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
padding-left: (@gutter / 2);
@media (min-width: @screen-lg-min) {
float: left;

View file

@ -1,3 +1,5 @@
// stylelint-disable font-family-name-quotes, font-family-no-missing-generic-family-keyword
// CSS image replacement
//
// Heads up! v3 launched with only `.hide-text()`, but per our pattern for

View file

@ -1,7 +1,4 @@
// Image Mixins
// - Responsive image
// - Retina image
// stylelint-disable media-feature-name-no-vendor-prefix, media-feature-parentheses-space-inside, media-feature-name-no-unknown, indentation, at-rule-name-space-after
// Responsive image
//
@ -22,11 +19,11 @@
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
background-image: url("@{file-2x}");
background-size: @width-1x @height-1x;
}

View file

@ -1,8 +1,7 @@
// Opacity
.opacity(@opacity) {
opacity: @opacity;
// IE8 filter
@opacity-ie: (@opacity * 100);
@opacity-ie: (@opacity * 100); // IE8 filter
filter: ~"alpha(opacity=@{opacity-ie})";
opacity: @opacity;
}

View file

@ -2,17 +2,17 @@
font-family: @font-family-base;
// We deliberately do NOT reset font-size.
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
font-weight: 400;
line-height: @line-height-base;
line-break: auto;
text-align: left; // Fallback for where `start` is not supported
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
}

View file

@ -1,6 +1,6 @@
// Resize anything
.resizable(@direction) {
resize: @direction; // Options: horizontal, vertical, both
overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
resize: @direction; // Options: horizontal, vertical, both
}

View file

@ -1,7 +1,5 @@
// Responsive utilities
// stylelint-disable declaration-no-important
//
// More easily include all the states for responsive-utilities.less.
.responsive-visibility() {
display: block !important;
table& { display: table !important; }

View file

@ -1,3 +1,5 @@
// stylelint-disable indentation, property-no-vendor-prefix, selector-no-vendor-prefix
// Vendor Prefixes
//
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
@ -89,12 +91,12 @@
// Optional hyphenation
.hyphens(@mode: auto) {
word-wrap: break-word;
-webkit-hyphens: @mode;
-moz-hyphens: @mode;
-ms-hyphens: @mode; // IE10+
-o-hyphens: @mode;
hyphens: @mode;
word-wrap: break-word;
}
// Placeholder text

View file

@ -14,14 +14,14 @@
// Container that the modal scrolls within
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: @zindex-modal;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
// Prevent Chrome on Windows from adding a focus outline. For details, see
@ -33,7 +33,7 @@
.translate(0, -25%);
.transition-transform(~"0.3s ease-out");
}
&.in .modal-dialog { .translate(0, 0) }
&.in .modal-dialog { .translate(0, 0); }
}
.modal-open .modal {
overflow-x: hidden;
@ -51,11 +51,11 @@
.modal-content {
position: relative;
background-color: @modal-content-bg;
background-clip: padding-box;
border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
border: 1px solid @modal-content-border-color;
border-radius: @border-radius-large;
.box-shadow(0 3px 9px rgba(0,0,0,.5));
background-clip: padding-box;
.box-shadow(0 3px 9px rgba(0, 0, 0, .5));
// Remove focus outline from opened modal
outline: 0;
}
@ -108,8 +108,8 @@
// Properly space out buttons
.btn + .btn {
margin-left: 5px;
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
margin-left: 5px;
}
// but override that for button groups
.btn-group .btn + .btn {
@ -138,7 +138,7 @@
margin: 30px auto;
}
.modal-content {
.box-shadow(0 5px 15px rgba(0,0,0,.5));
.box-shadow(0 5px 15px rgba(0, 0, 0, .5));
}
// Modal sizes

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-max-type, selector-max-compound-selectors, selector-max-combinators, selector-max-class, declaration-no-important, selector-no-qualifying-type
//
// Navbars
// --------------------------------------------------
@ -48,11 +50,11 @@
// content for the user's viewport.
.navbar-collapse {
overflow-x: visible;
padding-right: @navbar-padding-horizontal;
padding-left: @navbar-padding-horizontal;
padding-left: @navbar-padding-horizontal;
overflow-x: visible;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
&:extend(.clearfix all);
-webkit-overflow-scrolling: touch;
@ -81,8 +83,8 @@
.navbar-fixed-top &,
.navbar-static-top &,
.navbar-fixed-bottom & {
padding-left: 0;
padding-right: 0;
padding-left: 0;
}
}
}
@ -96,6 +98,27 @@
max-height: 200px;
}
}
// Fix the top/bottom navbars when screen real estate supports it
position: fixed;
right: 0;
left: 0;
z-index: @zindex-navbar-fixed;
// Undo the rounded corners
@media (min-width: @grid-float-breakpoint) {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0; // override .navbar defaults
border-width: 1px 0 0;
}
@ -108,11 +131,11 @@
> .navbar-header,
> .navbar-collapse {
margin-right: -@navbar-padding-horizontal;
margin-left: -@navbar-padding-horizontal;
margin-left: -@navbar-padding-horizontal;
@media (min-width: @grid-float-breakpoint) {
margin-right: 0;
margin-left: 0;
margin-left: 0;
}
}
}
@ -134,38 +157,15 @@
}
}
// Fix the top/bottom navbars when screen real estate supports it
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: @zindex-navbar-fixed;
// Undo the rounded corners
@media (min-width: @grid-float-breakpoint) {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0; // override .navbar defaults
border-width: 1px 0 0;
}
// Brand/project name
.navbar-brand {
float: left;
height: @navbar-height;
padding: @navbar-padding-vertical @navbar-padding-horizontal;
font-size: @font-size-large;
line-height: @line-height-computed;
height: @navbar-height;
&:hover,
&:focus {
@ -193,8 +193,8 @@
.navbar-toggle {
position: relative;
float: right;
margin-right: @navbar-padding-horizontal;
padding: 9px 10px;
margin-right: @navbar-padding-horizontal;
.navbar-vertical-align(34px);
background-color: transparent;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
@ -233,7 +233,7 @@
margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
> li > a {
padding-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
line-height: @line-height-computed;
}
@ -270,7 +270,7 @@
> li {
float: left;
> a {
padding-top: @navbar-padding-vertical;
padding-top: @navbar-padding-vertical;
padding-bottom: @navbar-padding-vertical;
}
}
@ -284,12 +284,12 @@
// our navbars.
.navbar-form {
margin-left: -@navbar-padding-horizontal;
margin-right: -@navbar-padding-horizontal;
padding: 10px @navbar-padding-horizontal;
margin-right: -@navbar-padding-horizontal;
margin-left: -@navbar-padding-horizontal;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
@shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
.box-shadow(@shadow);
// Mixin behavior for optimum display
@ -311,11 +311,11 @@
// Undo 100% width for pull classes
@media (min-width: @grid-float-breakpoint) {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
.box-shadow(none);
}
}
@ -361,8 +361,8 @@
@media (min-width: @grid-float-breakpoint) {
float: left;
margin-left: @navbar-padding-horizontal;
margin-right: @navbar-padding-horizontal;
margin-left: @navbar-padding-horizontal;
}
}
@ -435,33 +435,15 @@
background-color: @navbar-default-link-disabled-bg;
}
}
}
.navbar-toggle {
border-color: @navbar-default-toggle-border-color;
&:hover,
&:focus {
background-color: @navbar-default-toggle-hover-bg;
}
.icon-bar {
background-color: @navbar-default-toggle-icon-bar-bg;
}
}
.navbar-collapse,
.navbar-form {
border-color: @navbar-default-border;
}
// Dropdown menu items
.navbar-nav {
// Dropdown menu items
// Remove background color from open dropdown
> .open > a {
&,
&:hover,
&:focus {
background-color: @navbar-default-link-active-bg;
color: @navbar-default-link-active-color;
background-color: @navbar-default-link-active-bg;
}
}
@ -496,6 +478,22 @@
}
}
.navbar-toggle {
border-color: @navbar-default-toggle-border-color;
&:hover,
&:focus {
background-color: @navbar-default-toggle-hover-bg;
}
.icon-bar {
background-color: @navbar-default-toggle-icon-bar-bg;
}
}
.navbar-collapse,
.navbar-form {
border-color: @navbar-default-border;
}
// Links in navbars
//
@ -569,33 +567,14 @@
background-color: @navbar-inverse-link-disabled-bg;
}
}
}
// Darken the responsive nav toggle
.navbar-toggle {
border-color: @navbar-inverse-toggle-border-color;
&:hover,
&:focus {
background-color: @navbar-inverse-toggle-hover-bg;
}
.icon-bar {
background-color: @navbar-inverse-toggle-icon-bar-bg;
}
}
.navbar-collapse,
.navbar-form {
border-color: darken(@navbar-inverse-bg, 7%);
}
// Dropdowns
.navbar-nav {
// Dropdowns
> .open > a {
&,
&:hover,
&:focus {
background-color: @navbar-inverse-link-active-bg;
color: @navbar-inverse-link-active-color;
background-color: @navbar-inverse-link-active-bg;
}
}
@ -636,6 +615,23 @@
}
}
// Darken the responsive nav toggle
.navbar-toggle {
border-color: @navbar-inverse-toggle-border-color;
&:hover,
&:focus {
background-color: @navbar-inverse-toggle-hover-bg;
}
.icon-bar {
background-color: @navbar-inverse-toggle-icon-bar-bg;
}
}
.navbar-collapse,
.navbar-form {
border-color: darken(@navbar-inverse-bg, 7%);
}
.navbar-link {
color: @navbar-inverse-link-color;
&:hover {

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-no-qualifying-type, selector-max-type
//
// Navs
// --------------------------------------------------
@ -7,8 +9,8 @@
// --------------------------------------------------
.nav {
margin-bottom: 0;
padding-left: 0; // Override default ul/ol
margin-bottom: 0;
list-style: none;
&:extend(.clearfix all);
@ -35,8 +37,8 @@
&:focus {
color: @nav-disabled-link-hover-color;
text-decoration: none;
background-color: transparent;
cursor: @cursor-disabled;
background-color: transparent;
}
}
}
@ -97,10 +99,10 @@
&:hover,
&:focus {
color: @nav-tabs-active-link-hover-color;
cursor: default;
background-color: @nav-tabs-active-link-hover-bg;
border: 1px solid @nav-tabs-active-link-hover-border-color;
border-bottom-color: transparent;
cursor: default;
}
}
}
@ -163,8 +165,8 @@
> li {
float: none;
> a {
text-align: center;
margin-bottom: 5px;
text-align: center;
}
}

View file

@ -1,3 +1,5 @@
// stylelint-disable
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
//
@ -104,11 +106,14 @@ a:hover {
// ==========================================================================
//
// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
// 1. Remove the bottom border in Chrome 57- and Firefox 39-.
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
//
abbr[title] {
border-bottom: 1px dotted;
border-bottom: none; // 1
text-decoration: underline; // 2
text-decoration: underline dotted; // 2
}
//

View file

@ -6,8 +6,8 @@
.pager {
padding-left: 0;
margin: @line-height-computed 0;
list-style: none;
text-align: center;
list-style: none;
&:extend(.clearfix all);
li {
display: inline;
@ -47,8 +47,8 @@
> a:focus,
> span {
color: @pager-disabled-color;
background-color: @pager-bg;
cursor: @cursor-disabled;
background-color: @pager-bg;
}
}
}

View file

@ -14,12 +14,20 @@
position: relative;
float: left; // Collapse white-space
padding: @padding-base-vertical @padding-base-horizontal;
margin-left: -1px;
line-height: @line-height-base;
text-decoration: none;
color: @pagination-color;
text-decoration: none;
background-color: @pagination-bg;
border: 1px solid @pagination-border;
margin-left: -1px;
&:hover,
&:focus {
z-index: 2;
color: @pagination-hover-color;
background-color: @pagination-hover-bg;
border-color: @pagination-hover-border;
}
}
&:first-child {
> a,
@ -36,17 +44,6 @@
}
}
> li > a,
> li > span {
&:hover,
&:focus {
z-index: 2;
color: @pagination-hover-color;
background-color: @pagination-hover-bg;
border-color: @pagination-hover-border;
}
}
> .active > a,
> .active > span {
&,
@ -54,9 +51,9 @@
&:focus {
z-index: 3;
color: @pagination-active-color;
cursor: default;
background-color: @pagination-active-bg;
border-color: @pagination-active-border;
cursor: default;
}
}
@ -68,9 +65,9 @@
> a:hover,
> a:focus {
color: @pagination-disabled-color;
cursor: @cursor-disabled;
background-color: @pagination-disabled-bg;
border-color: @pagination-disabled-border;
cursor: @cursor-disabled;
}
}
}

View file

@ -1,3 +1,5 @@
// stylelint-disable selector-max-type, selector-max-compound-selectors, selector-max-combinators, no-duplicate-selectors
//
// Panels
// --------------------------------------------------
@ -9,7 +11,7 @@
background-color: @panel-bg;
border: 1px solid transparent;
border-radius: @panel-border-radius;
.box-shadow(0 1px 1px rgba(0,0,0,.05));
.box-shadow(0 1px 1px rgba(0, 0, 0, .05));
}
// Panel contents
@ -113,8 +115,8 @@
margin-bottom: 0;
caption {
padding-left: @panel-body-padding;
padding-right: @panel-body-padding;
padding-left: @panel-body-padding;
}
}
// Add border top radius for first one
@ -147,8 +149,8 @@
> tbody:last-child,
> tfoot:last-child {
> tr:last-child {
border-bottom-left-radius: (@panel-border-radius - 1);
border-bottom-right-radius: (@panel-border-radius - 1);
border-bottom-left-radius: (@panel-border-radius - 1);
td:first-child,
th:first-child {
@ -208,8 +210,8 @@
}
}
> .table-responsive {
border: 0;
margin-bottom: 0;
border: 0;
}
}

View file

@ -15,99 +15,81 @@
// So reset our font and text properties to avoid inheriting weird values.
.reset-text();
font-size: @font-size-base;
background-color: @popover-bg;
background-clip: padding-box;
border: 1px solid @popover-fallback-border-color;
border: 1px solid @popover-border-color;
border-radius: @border-radius-large;
.box-shadow(0 5px 10px rgba(0,0,0,.2));
.box-shadow(0 5px 10px rgba(0, 0, 0, .2));
// Offset the popover to account for the popover arrow
&.top { margin-top: -@popover-arrow-width; }
&.right { margin-left: @popover-arrow-width; }
&.bottom { margin-top: @popover-arrow-width; }
&.left { margin-left: -@popover-arrow-width; }
}
&.top { margin-top: -@popover-arrow-width; }
&.right { margin-left: @popover-arrow-width; }
&.bottom { margin-top: @popover-arrow-width; }
&.left { margin-left: -@popover-arrow-width; }
.popover-title {
margin: 0; // reset heading margin
padding: 8px 14px;
font-size: @font-size-base;
background-color: @popover-title-bg;
border-bottom: 1px solid darken(@popover-title-bg, 5%);
border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
}
// Arrows
// .arrow is outer, .arrow:after is inner
> .arrow {
border-width: @popover-arrow-outer-width;
.popover-content {
padding: 9px 14px;
}
&,
&:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
// Arrows
//
// .arrow is outer, .arrow:after is inner
.popover > .arrow {
&,
&:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
&:after {
content: "";
border-width: @popover-arrow-width;
}
}
}
.popover > .arrow {
border-width: @popover-arrow-outer-width;
}
.popover > .arrow:after {
border-width: @popover-arrow-width;
content: "";
}
.popover {
&.top > .arrow {
bottom: -@popover-arrow-outer-width;
left: 50%;
margin-left: -@popover-arrow-outer-width;
border-bottom-width: 0;
border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-top-color: @popover-arrow-outer-color;
bottom: -@popover-arrow-outer-width;
border-bottom-width: 0;
&:after {
content: " ";
bottom: 1px;
margin-left: -@popover-arrow-width;
border-bottom-width: 0;
content: " ";
border-top-color: @popover-arrow-color;
border-bottom-width: 0;
}
}
&.right > .arrow {
top: 50%;
left: -@popover-arrow-outer-width;
margin-top: -@popover-arrow-outer-width;
border-left-width: 0;
border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-right-color: @popover-arrow-outer-color;
border-left-width: 0;
&:after {
content: " ";
left: 1px;
bottom: -@popover-arrow-width;
border-left-width: 0;
left: 1px;
content: " ";
border-right-color: @popover-arrow-color;
border-left-width: 0;
}
}
&.bottom > .arrow {
top: -@popover-arrow-outer-width;
left: 50%;
margin-left: -@popover-arrow-outer-width;
border-top-width: 0;
border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-bottom-color: @popover-arrow-outer-color;
top: -@popover-arrow-outer-width;
&:after {
content: " ";
top: 1px;
margin-left: -@popover-arrow-width;
content: " ";
border-top-width: 0;
border-bottom-color: @popover-arrow-color;
}
@ -121,11 +103,24 @@
border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
border-left-color: @popover-arrow-outer-color;
&:after {
content: " ";
right: 1px;
bottom: -@popover-arrow-width;
content: " ";
border-right-width: 0;
border-left-color: @popover-arrow-color;
bottom: -@popover-arrow-width;
}
}
}
.popover-title {
padding: 8px 14px;
margin: 0; // reset heading margin
font-size: @font-size-base;
background-color: @popover-title-bg;
border-bottom: 1px solid darken(@popover-title-bg, 5%);
border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
}
.popover-content {
padding: 9px 14px;
}

View file

@ -1,3 +1,5 @@
// stylelint-disable declaration-no-important, selector-no-qualifying-type
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
// ==========================================================================
@ -6,96 +8,94 @@
// ==========================================================================
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; // Black prints faster: h5bp.com/s
box-shadow: none !important;
text-shadow: none !important;
}
*,
*:before,
*:after {
color: #000 !important; // Black prints faster: h5bp.com/s
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
// Don't show links that are fragment identifiers,
// or use the `javascript:` pseudo protocol
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
// Don't show links that are fragment identifiers,
// or use the `javascript:` pseudo protocol
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; // h5bp.com/t
}
thead {
display: table-header-group; // h5bp.com/t
}
tr,
img {
page-break-inside: avoid;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
h2,
h3 {
page-break-after: avoid;
}
// Bootstrap specific changes start
// Bootstrap specific changes start
// Bootstrap components
.navbar {
display: none;
}
.btn,
.dropup > .btn {
> .caret {
border-top-color: #000 !important;
}
}
.label {
border: 1px solid #000;
// Bootstrap components
.navbar {
display: none;
}
.btn,
.dropup > .btn {
> .caret {
border-top-color: #000 !important;
}
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
.table {
border-collapse: collapse !important;
td,
th {
background-color: #fff !important;
}
td,
th {
background-color: #fff !important;
}
.table-bordered {
th,
td {
border: 1px solid #ddd !important;
}
}
.table-bordered {
th,
td {
border: 1px solid #ddd !important;
}
// Bootstrap specific changes end
}
}

View file

@ -1,3 +1,5 @@
// stylelint-disable at-rule-no-vendor-prefix
//
// Progress bars
// --------------------------------------------------
@ -24,12 +26,12 @@
// Outer container
.progress {
overflow: hidden;
height: @line-height-computed;
margin-bottom: @line-height-computed;
overflow: hidden;
background-color: @progress-bg;
border-radius: @progress-border-radius;
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
.box-shadow(inset 0 1px 2px rgba(0, 0, 0, .1));
}
// Bar of progress
@ -42,7 +44,7 @@
color: @progress-bar-color;
text-align: center;
background-color: @progress-bar-bg;
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
.box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
.transition(width .6s ease);
}

View file

@ -16,10 +16,10 @@
video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
}

Some files were not shown because too many files have changed in this diff Show more