mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2025-02-25 18:55:28 -06:00
webui: add PaternFly css
To update install/ui/css/patternfly.css you should: 1. clone Bootstrap 3, Font-Awesome, Bootstrap-Select and PatternFly to the same parent directory as for FreeIPA (or use symlinks) 2. checkout desired versions of each component 3. run install/ui/util/make-patternfly.css 4. when changing component versions, copy xxx/variables.less from each component to install/ui/less/xxx/ so we can use the variables in our less files This commit contain css made from component versions as follows: - PatternFly: 0.2.5 - Bootstrap: 3.1.1 - Bootstrap-select: 1.4.3 - Font-Awesome: 4.0.3 Reviewed-By: Endi Sukma Dewata <edewata@redhat.com>
This commit is contained in:
parent
b577b3d365
commit
6a8eeff22d
2
.gitignore
vendored
2
.gitignore
vendored
@ -52,7 +52,7 @@ freeipa2-dev-doc
|
||||
/install/po/test_locale/xh_ZA/LC_MESSAGES/ipa.mo
|
||||
!/install/ui/doc/Makefile.in
|
||||
/install/ui/release
|
||||
/install/ui/css/rcue.css
|
||||
/install/ui/css/ipa.css
|
||||
/install/ui/src/dojo
|
||||
/install/ui/src/build
|
||||
/install/ui/src/libs/loader.js
|
||||
|
@ -2,8 +2,8 @@ NULL =
|
||||
|
||||
appdir = $(IPA_DATA_DIR)/ui/css
|
||||
app_DATA = \
|
||||
bootstrap.css \
|
||||
rcue.css \
|
||||
patternfly.css \
|
||||
ipa.css \
|
||||
$(NULL)
|
||||
|
||||
EXTRA_DIST = \
|
||||
@ -14,7 +14,7 @@ MAINTAINERCLEANFILES = \
|
||||
*~ \
|
||||
Makefile.in
|
||||
|
||||
rcue := $(wildcard ../less/*.less)
|
||||
ipa := $(wildcard ../less/*.less)
|
||||
|
||||
rcue.css: $(rcue)
|
||||
ipa.css: $(ipa)
|
||||
../util/make-css.sh
|
874
install/ui/css/bootstrap.css
vendored
874
install/ui/css/bootstrap.css
vendored
File diff suppressed because one or more lines are too long
7
install/ui/css/patternfly.css
Normal file
7
install/ui/css/patternfly.css
Normal file
File diff suppressed because one or more lines are too long
@ -35,7 +35,7 @@
|
||||
|
||||
(function() {
|
||||
var ie = !!document.getElementById('ie-detector');
|
||||
var styles = ['css/bootstrap.css', 'css/rcue.css', 'ipa.css'];
|
||||
var styles = ['css/patternfly.css', 'css/ipa.css', 'ipa.css'];
|
||||
if (ie) styles.push('ie.css');
|
||||
var icons = ['favicon.ico'];
|
||||
var scripts = [
|
||||
|
829
install/ui/less/bootstrap/variables.less
Normal file
829
install/ui/less/bootstrap/variables.less
Normal file
@ -0,0 +1,829 @@
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
//== Colors
|
||||
//
|
||||
//## Gray and brand colors for use across Bootstrap.
|
||||
|
||||
@gray-darker: lighten(#000, 13.5%); // #222
|
||||
@gray-dark: lighten(#000, 20%); // #333
|
||||
@gray: lighten(#000, 33.5%); // #555
|
||||
@gray-light: lighten(#000, 60%); // #999
|
||||
@gray-lighter: lighten(#000, 93.5%); // #eee
|
||||
|
||||
@brand-primary: #428bca;
|
||||
@brand-success: #5cb85c;
|
||||
@brand-info: #5bc0de;
|
||||
@brand-warning: #f0ad4e;
|
||||
@brand-danger: #d9534f;
|
||||
|
||||
|
||||
//== Scaffolding
|
||||
//
|
||||
// ## Settings for some of the most global styles.
|
||||
|
||||
//** Background color for `<body>`.
|
||||
@body-bg: #fff;
|
||||
//** Global text color on `<body>`.
|
||||
@text-color: @gray-dark;
|
||||
|
||||
//** Global textual link color.
|
||||
@link-color: @brand-primary;
|
||||
//** Link hover color set via `darken()` function.
|
||||
@link-hover-color: darken(@link-color, 15%);
|
||||
|
||||
|
||||
//== Typography
|
||||
//
|
||||
//## Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
||||
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
||||
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
@font-family-base: @font-family-sans-serif;
|
||||
|
||||
@font-size-base: 14px;
|
||||
@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
|
||||
@font-size-small: ceil((@font-size-base * 0.85)); // ~12px
|
||||
|
||||
@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
|
||||
@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
|
||||
@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
|
||||
@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
|
||||
@font-size-h5: @font-size-base;
|
||||
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
|
||||
|
||||
//** Unit-less `line-height` for use in components like buttons.
|
||||
@line-height-base: 1.428571429; // 20/14
|
||||
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
||||
@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
|
||||
|
||||
//** By default, this inherits from the `<body>`.
|
||||
@headings-font-family: inherit;
|
||||
@headings-font-weight: 500;
|
||||
@headings-line-height: 1.1;
|
||||
@headings-color: inherit;
|
||||
|
||||
|
||||
//-- Iconography
|
||||
//
|
||||
//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
||||
|
||||
@icon-font-path: "../fonts/";
|
||||
@icon-font-name: "glyphicons-halflings-regular";
|
||||
@icon-font-svg-id: "glyphicons_halflingsregular";
|
||||
|
||||
//== Components
|
||||
//
|
||||
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
||||
|
||||
@padding-base-vertical: 6px;
|
||||
@padding-base-horizontal: 12px;
|
||||
|
||||
@padding-large-vertical: 10px;
|
||||
@padding-large-horizontal: 16px;
|
||||
|
||||
@padding-small-vertical: 5px;
|
||||
@padding-small-horizontal: 10px;
|
||||
|
||||
@padding-xs-vertical: 1px;
|
||||
@padding-xs-horizontal: 5px;
|
||||
|
||||
@line-height-large: 1.33;
|
||||
@line-height-small: 1.5;
|
||||
|
||||
@border-radius-base: 4px;
|
||||
@border-radius-large: 6px;
|
||||
@border-radius-small: 3px;
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
@component-active-color: #fff;
|
||||
//** Global background color for active items (e.g., navs or dropdowns).
|
||||
@component-active-bg: @brand-primary;
|
||||
|
||||
//** Width of the `border` for generating carets that indicator dropdowns.
|
||||
@caret-width-base: 4px;
|
||||
//** Carets increase slightly in size for larger components.
|
||||
@caret-width-large: 5px;
|
||||
|
||||
|
||||
//== Tables
|
||||
//
|
||||
//## Customizes the `.table` component with basic values, each used across all table variations.
|
||||
|
||||
//** Padding for `<th>`s and `<td>`s.
|
||||
@table-cell-padding: 8px;
|
||||
//** Padding for cells in `.table-condensed`.
|
||||
@table-condensed-cell-padding: 5px;
|
||||
|
||||
//** Default background color used for all tables.
|
||||
@table-bg: transparent;
|
||||
//** Background color used for `.table-striped`.
|
||||
@table-bg-accent: #f9f9f9;
|
||||
//** Background color used for `.table-hover`.
|
||||
@table-bg-hover: #f5f5f5;
|
||||
@table-bg-active: @table-bg-hover;
|
||||
|
||||
//** Border color for table and cell borders.
|
||||
@table-border-color: #ddd;
|
||||
|
||||
|
||||
//== Buttons
|
||||
//
|
||||
//## For each of Bootstrap's buttons, define text, background and border color.
|
||||
|
||||
@btn-font-weight: normal;
|
||||
|
||||
@btn-default-color: #333;
|
||||
@btn-default-bg: #fff;
|
||||
@btn-default-border: #ccc;
|
||||
|
||||
@btn-primary-color: #fff;
|
||||
@btn-primary-bg: @brand-primary;
|
||||
@btn-primary-border: darken(@btn-primary-bg, 5%);
|
||||
|
||||
@btn-success-color: #fff;
|
||||
@btn-success-bg: @brand-success;
|
||||
@btn-success-border: darken(@btn-success-bg, 5%);
|
||||
|
||||
@btn-info-color: #fff;
|
||||
@btn-info-bg: @brand-info;
|
||||
@btn-info-border: darken(@btn-info-bg, 5%);
|
||||
|
||||
@btn-warning-color: #fff;
|
||||
@btn-warning-bg: @brand-warning;
|
||||
@btn-warning-border: darken(@btn-warning-bg, 5%);
|
||||
|
||||
@btn-danger-color: #fff;
|
||||
@btn-danger-bg: @brand-danger;
|
||||
@btn-danger-border: darken(@btn-danger-bg, 5%);
|
||||
|
||||
@btn-link-disabled-color: @gray-light;
|
||||
|
||||
|
||||
//== Forms
|
||||
//
|
||||
//##
|
||||
|
||||
//** `<input>` background color
|
||||
@input-bg: #fff;
|
||||
//** `<input disabled>` background color
|
||||
@input-bg-disabled: @gray-lighter;
|
||||
|
||||
//** Text color for `<input>`s
|
||||
@input-color: @gray;
|
||||
//** `<input>` border color
|
||||
@input-border: #ccc;
|
||||
//** `<input>` border radius
|
||||
@input-border-radius: @border-radius-base;
|
||||
//** Border color for inputs on focus
|
||||
@input-border-focus: #66afe9;
|
||||
|
||||
//** Placeholder text color
|
||||
@input-color-placeholder: @gray-light;
|
||||
|
||||
//** Default `.form-control` height
|
||||
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
||||
//** Large `.form-control` height
|
||||
//@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
|
||||
//** Small `.form-control` height
|
||||
//@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
|
||||
|
||||
@legend-color: @gray-dark;
|
||||
@legend-border-color: #e5e5e5;
|
||||
|
||||
//** Background color for textual input addons
|
||||
@input-group-addon-bg: @gray-lighter;
|
||||
//** Border color for textual input addons
|
||||
@input-group-addon-border-color: @input-border;
|
||||
|
||||
|
||||
//== Dropdowns
|
||||
//
|
||||
//## Dropdown menu container and contents.
|
||||
|
||||
//** Background for the dropdown menu.
|
||||
@dropdown-bg: #fff;
|
||||
//** Dropdown menu `border-color`.
|
||||
@dropdown-border: rgba(0,0,0,.15);
|
||||
//** Dropdown menu `border-color` **for IE8**.
|
||||
@dropdown-fallback-border: #ccc;
|
||||
//** Divider color for between dropdown items.
|
||||
@dropdown-divider-bg: #e5e5e5;
|
||||
|
||||
//** Dropdown link text color.
|
||||
@dropdown-link-color: @gray-dark;
|
||||
//** Hover color for dropdown links.
|
||||
@dropdown-link-hover-color: darken(@gray-dark, 5%);
|
||||
//** Hover background for dropdown links.
|
||||
@dropdown-link-hover-bg: #f5f5f5;
|
||||
|
||||
//** Active dropdown menu item text color.
|
||||
@dropdown-link-active-color: @component-active-color;
|
||||
//** Active dropdown menu item background color.
|
||||
@dropdown-link-active-bg: @component-active-bg;
|
||||
|
||||
//** Disabled dropdown menu item background color.
|
||||
@dropdown-link-disabled-color: @gray-light;
|
||||
|
||||
//** Text color for headers within dropdown menus.
|
||||
@dropdown-header-color: @gray-light;
|
||||
|
||||
// Note: Deprecated @dropdown-caret-color as of v3.1.0
|
||||
@dropdown-caret-color: #000;
|
||||
|
||||
|
||||
//-- Z-index master list
|
||||
//
|
||||
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
||||
// of components dependent on the z-axis and are designed to all work together.
|
||||
//
|
||||
// Note: These variables are not generated into the Customizer.
|
||||
|
||||
@zindex-navbar: 1000;
|
||||
@zindex-dropdown: 1000;
|
||||
@zindex-popover: 1010;
|
||||
@zindex-tooltip: 1030;
|
||||
@zindex-navbar-fixed: 1030;
|
||||
@zindex-modal-background: 1040;
|
||||
@zindex-modal: 1050;
|
||||
|
||||
|
||||
//== Media queries breakpoints
|
||||
//
|
||||
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
||||
|
||||
// Extra small screen / phone
|
||||
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
|
||||
@screen-xs: 480px;
|
||||
@screen-xs-min: @screen-xs;
|
||||
@screen-phone: @screen-xs-min;
|
||||
|
||||
// Small screen / tablet
|
||||
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
|
||||
@screen-sm: 768px;
|
||||
@screen-sm-min: @screen-sm;
|
||||
@screen-tablet: @screen-sm-min;
|
||||
|
||||
// Medium screen / desktop
|
||||
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
|
||||
@screen-md: 992px;
|
||||
@screen-md-min: @screen-md;
|
||||
@screen-desktop: @screen-md-min;
|
||||
|
||||
// Large screen / wide desktop
|
||||
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
|
||||
@screen-lg: 1200px;
|
||||
@screen-lg-min: @screen-lg;
|
||||
@screen-lg-desktop: @screen-lg-min;
|
||||
|
||||
// So media queries don't overlap when required, provide a maximum
|
||||
@screen-xs-max: (@screen-sm-min - 1);
|
||||
@screen-sm-max: (@screen-md-min - 1);
|
||||
@screen-md-max: (@screen-lg-min - 1);
|
||||
|
||||
|
||||
//== Grid system
|
||||
//
|
||||
//## Define your custom responsive grid.
|
||||
|
||||
//** Number of columns in the grid.
|
||||
@grid-columns: 12;
|
||||
//** Padding between columns. Gets divided in half for the left and right.
|
||||
@grid-gutter-width: 30px;
|
||||
// Navbar collapse
|
||||
//** Point at which the navbar becomes uncollapsed.
|
||||
@grid-float-breakpoint: @screen-sm-min;
|
||||
//** Point at which the navbar begins collapsing.
|
||||
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
|
||||
|
||||
|
||||
//== Container sizes
|
||||
//
|
||||
//## Define the maximum width of `.container` for different screen sizes.
|
||||
|
||||
// Small screen / tablet
|
||||
@container-tablet: ((720px + @grid-gutter-width));
|
||||
//** For `@screen-sm-min` and up.
|
||||
@container-sm: @container-tablet;
|
||||
|
||||
// Medium screen / desktop
|
||||
@container-desktop: ((940px + @grid-gutter-width));
|
||||
//** For `@screen-md-min` and up.
|
||||
@container-md: @container-desktop;
|
||||
|
||||
// Large screen / wide desktop
|
||||
@container-large-desktop: ((1140px + @grid-gutter-width));
|
||||
//** For `@screen-lg-min` and up.
|
||||
@container-lg: @container-large-desktop;
|
||||
|
||||
|
||||
//== Navbar
|
||||
//
|
||||
//##
|
||||
|
||||
// Basics of a navbar
|
||||
@navbar-height: 50px;
|
||||
@navbar-margin-bottom: @line-height-computed;
|
||||
@navbar-border-radius: @border-radius-base;
|
||||
@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
|
||||
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
|
||||
@navbar-collapse-max-height: 340px;
|
||||
|
||||
@navbar-default-color: #777;
|
||||
@navbar-default-bg: #f8f8f8;
|
||||
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
|
||||
|
||||
// Navbar links
|
||||
@navbar-default-link-color: #777;
|
||||
@navbar-default-link-hover-color: #333;
|
||||
@navbar-default-link-hover-bg: transparent;
|
||||
@navbar-default-link-active-color: #555;
|
||||
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
|
||||
@navbar-default-link-disabled-color: #ccc;
|
||||
@navbar-default-link-disabled-bg: transparent;
|
||||
|
||||
// Navbar brand label
|
||||
@navbar-default-brand-color: @navbar-default-link-color;
|
||||
@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
|
||||
@navbar-default-brand-hover-bg: transparent;
|
||||
|
||||
// Navbar toggle
|
||||
@navbar-default-toggle-hover-bg: #ddd;
|
||||
@navbar-default-toggle-icon-bar-bg: #888;
|
||||
@navbar-default-toggle-border-color: #ddd;
|
||||
|
||||
|
||||
// Inverted navbar
|
||||
// Reset inverted navbar basics
|
||||
@navbar-inverse-color: @gray-light;
|
||||
@navbar-inverse-bg: #222;
|
||||
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
||||
|
||||
// Inverted navbar links
|
||||
@navbar-inverse-link-color: @gray-light;
|
||||
@navbar-inverse-link-hover-color: #fff;
|
||||
@navbar-inverse-link-hover-bg: transparent;
|
||||
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
|
||||
@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
|
||||
@navbar-inverse-link-disabled-color: #444;
|
||||
@navbar-inverse-link-disabled-bg: transparent;
|
||||
|
||||
// Inverted navbar brand label
|
||||
@navbar-inverse-brand-color: @navbar-inverse-link-color;
|
||||
@navbar-inverse-brand-hover-color: #fff;
|
||||
@navbar-inverse-brand-hover-bg: transparent;
|
||||
|
||||
// Inverted navbar toggle
|
||||
@navbar-inverse-toggle-hover-bg: #333;
|
||||
@navbar-inverse-toggle-icon-bar-bg: #fff;
|
||||
@navbar-inverse-toggle-border-color: #333;
|
||||
|
||||
|
||||
//== Navs
|
||||
//
|
||||
//##
|
||||
|
||||
//=== Shared nav styles
|
||||
@nav-link-padding: 10px 15px;
|
||||
@nav-link-hover-bg: @gray-lighter;
|
||||
|
||||
@nav-disabled-link-color: @gray-light;
|
||||
@nav-disabled-link-hover-color: @gray-light;
|
||||
|
||||
@nav-open-link-hover-color: #fff;
|
||||
|
||||
//== Tabs
|
||||
@nav-tabs-border-color: #ddd;
|
||||
|
||||
@nav-tabs-link-hover-border-color: @gray-lighter;
|
||||
|
||||
@nav-tabs-active-link-hover-bg: @body-bg;
|
||||
@nav-tabs-active-link-hover-color: @gray;
|
||||
@nav-tabs-active-link-hover-border-color: #ddd;
|
||||
|
||||
@nav-tabs-justified-link-border-color: #ddd;
|
||||
@nav-tabs-justified-active-link-border-color: @body-bg;
|
||||
|
||||
//== Pills
|
||||
@nav-pills-border-radius: @border-radius-base;
|
||||
@nav-pills-active-link-hover-bg: @component-active-bg;
|
||||
@nav-pills-active-link-hover-color: @component-active-color;
|
||||
|
||||
|
||||
//== Pagination
|
||||
//
|
||||
//##
|
||||
|
||||
@pagination-color: @link-color;
|
||||
@pagination-bg: #fff;
|
||||
@pagination-border: #ddd;
|
||||
|
||||
@pagination-hover-color: @link-hover-color;
|
||||
@pagination-hover-bg: @gray-lighter;
|
||||
@pagination-hover-border: #ddd;
|
||||
|
||||
@pagination-active-color: #fff;
|
||||
@pagination-active-bg: @brand-primary;
|
||||
@pagination-active-border: @brand-primary;
|
||||
|
||||
@pagination-disabled-color: @gray-light;
|
||||
@pagination-disabled-bg: #fff;
|
||||
@pagination-disabled-border: #ddd;
|
||||
|
||||
|
||||
//== Pager
|
||||
//
|
||||
//##
|
||||
|
||||
@pager-bg: @pagination-bg;
|
||||
@pager-border: @pagination-border;
|
||||
@pager-border-radius: 15px;
|
||||
|
||||
@pager-hover-bg: @pagination-hover-bg;
|
||||
|
||||
@pager-active-bg: @pagination-active-bg;
|
||||
@pager-active-color: @pagination-active-color;
|
||||
|
||||
@pager-disabled-color: @pagination-disabled-color;
|
||||
|
||||
|
||||
//== Jumbotron
|
||||
//
|
||||
//##
|
||||
|
||||
@jumbotron-padding: 30px;
|
||||
@jumbotron-color: inherit;
|
||||
@jumbotron-bg: @gray-lighter;
|
||||
@jumbotron-heading-color: inherit;
|
||||
@jumbotron-font-size: ceil((@font-size-base * 1.5));
|
||||
|
||||
|
||||
//== Form states and alerts
|
||||
//
|
||||
//## Define colors for form feedback states and, by default, alerts.
|
||||
|
||||
@state-success-text: #3c763d;
|
||||
@state-success-bg: #dff0d8;
|
||||
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
|
||||
|
||||
@state-info-text: #31708f;
|
||||
@state-info-bg: #d9edf7;
|
||||
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
|
||||
|
||||
@state-warning-text: #8a6d3b;
|
||||
@state-warning-bg: #fcf8e3;
|
||||
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
|
||||
|
||||
@state-danger-text: #a94442;
|
||||
@state-danger-bg: #f2dede;
|
||||
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
|
||||
|
||||
|
||||
//== Tooltips
|
||||
//
|
||||
//##
|
||||
|
||||
//** Tooltip max width
|
||||
@tooltip-max-width: 200px;
|
||||
//** Tooltip text color
|
||||
@tooltip-color: #fff;
|
||||
//** Tooltip background color
|
||||
@tooltip-bg: #000;
|
||||
@tooltip-opacity: .9;
|
||||
|
||||
//** Tooltip arrow width
|
||||
@tooltip-arrow-width: 5px;
|
||||
//** Tooltip arrow color
|
||||
@tooltip-arrow-color: @tooltip-bg;
|
||||
|
||||
|
||||
//== Popovers
|
||||
//
|
||||
//##
|
||||
|
||||
//** Popover body background color
|
||||
@popover-bg: #fff;
|
||||
//** Popover maximum width
|
||||
@popover-max-width: 276px;
|
||||
//** Popover border color
|
||||
@popover-border-color: rgba(0,0,0,.2);
|
||||
//** Popover fallback border color
|
||||
@popover-fallback-border-color: #ccc;
|
||||
|
||||
//** Popover title background color
|
||||
@popover-title-bg: darken(@popover-bg, 3%);
|
||||
|
||||
//** Popover arrow width
|
||||
@popover-arrow-width: 10px;
|
||||
//** Popover arrow color
|
||||
@popover-arrow-color: #fff;
|
||||
|
||||
//** Popover outer arrow width
|
||||
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
||||
//** Popover outer arrow color
|
||||
@popover-arrow-outer-color: fadein(@popover-border-color, 5%);
|
||||
//** Popover outer arrow fallback color
|
||||
@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
|
||||
|
||||
|
||||
//== Labels
|
||||
//
|
||||
//##
|
||||
|
||||
//** Default label background color
|
||||
@label-default-bg: @gray-light;
|
||||
//** Primary label background color
|
||||
@label-primary-bg: @brand-primary;
|
||||
//** Success label background color
|
||||
@label-success-bg: @brand-success;
|
||||
//** Info label background color
|
||||
@label-info-bg: @brand-info;
|
||||
//** Warning label background color
|
||||
@label-warning-bg: @brand-warning;
|
||||
//** Danger label background color
|
||||
@label-danger-bg: @brand-danger;
|
||||
|
||||
//** Default label text color
|
||||
@label-color: #fff;
|
||||
//** Default text color of a linked label
|
||||
@label-link-hover-color: #fff;
|
||||
|
||||
|
||||
//== Modals
|
||||
//
|
||||
//##
|
||||
|
||||
//** Padding applied to the modal body
|
||||
@modal-inner-padding: 20px;
|
||||
|
||||
//** Padding applied to the modal title
|
||||
@modal-title-padding: 15px;
|
||||
//** Modal title line-height
|
||||
@modal-title-line-height: @line-height-base;
|
||||
|
||||
//** Background color of modal content area
|
||||
@modal-content-bg: #fff;
|
||||
//** Modal content border color
|
||||
@modal-content-border-color: rgba(0,0,0,.2);
|
||||
//** Modal content border color **for IE8**
|
||||
@modal-content-fallback-border-color: #999;
|
||||
|
||||
//** Modal backdrop background color
|
||||
@modal-backdrop-bg: #000;
|
||||
//** Modal backdrop opacity
|
||||
@modal-backdrop-opacity: .5;
|
||||
//** Modal header border color
|
||||
@modal-header-border-color: #e5e5e5;
|
||||
//** Modal footer border color
|
||||
@modal-footer-border-color: @modal-header-border-color;
|
||||
|
||||
@modal-lg: 900px;
|
||||
@modal-md: 600px;
|
||||
@modal-sm: 300px;
|
||||
|
||||
|
||||
//== Alerts
|
||||
//
|
||||
//## Define alert colors, border radius, and padding.
|
||||
|
||||
@alert-padding: 15px;
|
||||
@alert-border-radius: @border-radius-base;
|
||||
@alert-link-font-weight: bold;
|
||||
|
||||
@alert-success-bg: @state-success-bg;
|
||||
@alert-success-text: @state-success-text;
|
||||
@alert-success-border: @state-success-border;
|
||||
|
||||
@alert-info-bg: @state-info-bg;
|
||||
@alert-info-text: @state-info-text;
|
||||
@alert-info-border: @state-info-border;
|
||||
|
||||
@alert-warning-bg: @state-warning-bg;
|
||||
@alert-warning-text: @state-warning-text;
|
||||
@alert-warning-border: @state-warning-border;
|
||||
|
||||
@alert-danger-bg: @state-danger-bg;
|
||||
@alert-danger-text: @state-danger-text;
|
||||
@alert-danger-border: @state-danger-border;
|
||||
|
||||
|
||||
//== Progress bars
|
||||
//
|
||||
//##
|
||||
|
||||
//** Background color of the whole progress component
|
||||
@progress-bg: #f5f5f5;
|
||||
//** Progress bar text color
|
||||
@progress-bar-color: #fff;
|
||||
|
||||
//** Default progress bar color
|
||||
@progress-bar-bg: @brand-primary;
|
||||
//** Success progress bar color
|
||||
@progress-bar-success-bg: @brand-success;
|
||||
//** Warning progress bar color
|
||||
@progress-bar-warning-bg: @brand-warning;
|
||||
//** Danger progress bar color
|
||||
@progress-bar-danger-bg: @brand-danger;
|
||||
//** Info progress bar color
|
||||
@progress-bar-info-bg: @brand-info;
|
||||
|
||||
|
||||
//== List group
|
||||
//
|
||||
//##
|
||||
|
||||
//** Background color on `.list-group-item`
|
||||
@list-group-bg: #fff;
|
||||
//** `.list-group-item` border color
|
||||
@list-group-border: #ddd;
|
||||
//** List group border radius
|
||||
@list-group-border-radius: @border-radius-base;
|
||||
|
||||
//** Background color of single list elements on hover
|
||||
@list-group-hover-bg: #f5f5f5;
|
||||
//** Text color of active list elements
|
||||
@list-group-active-color: @component-active-color;
|
||||
//** Background color of active list elements
|
||||
@list-group-active-bg: @component-active-bg;
|
||||
//** Border color of active list elements
|
||||
@list-group-active-border: @list-group-active-bg;
|
||||
@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
|
||||
|
||||
@list-group-link-color: #555;
|
||||
@list-group-link-heading-color: #333;
|
||||
|
||||
|
||||
//== Panels
|
||||
//
|
||||
//##
|
||||
|
||||
@panel-bg: #fff;
|
||||
@panel-body-padding: 15px;
|
||||
@panel-border-radius: @border-radius-base;
|
||||
|
||||
//** Border color for elements within panels
|
||||
@panel-inner-border: #ddd;
|
||||
@panel-footer-bg: #f5f5f5;
|
||||
|
||||
@panel-default-text: @gray-dark;
|
||||
@panel-default-border: #ddd;
|
||||
@panel-default-heading-bg: #f5f5f5;
|
||||
|
||||
@panel-primary-text: #fff;
|
||||
@panel-primary-border: @brand-primary;
|
||||
@panel-primary-heading-bg: @brand-primary;
|
||||
|
||||
@panel-success-text: @state-success-text;
|
||||
@panel-success-border: @state-success-border;
|
||||
@panel-success-heading-bg: @state-success-bg;
|
||||
|
||||
@panel-info-text: @state-info-text;
|
||||
@panel-info-border: @state-info-border;
|
||||
@panel-info-heading-bg: @state-info-bg;
|
||||
|
||||
@panel-warning-text: @state-warning-text;
|
||||
@panel-warning-border: @state-warning-border;
|
||||
@panel-warning-heading-bg: @state-warning-bg;
|
||||
|
||||
@panel-danger-text: @state-danger-text;
|
||||
@panel-danger-border: @state-danger-border;
|
||||
@panel-danger-heading-bg: @state-danger-bg;
|
||||
|
||||
|
||||
//== Thumbnails
|
||||
//
|
||||
//##
|
||||
|
||||
//** Padding around the thumbnail image
|
||||
@thumbnail-padding: 4px;
|
||||
//** Thumbnail background color
|
||||
@thumbnail-bg: @body-bg;
|
||||
//** Thumbnail border color
|
||||
@thumbnail-border: #ddd;
|
||||
//** Thumbnail border radius
|
||||
@thumbnail-border-radius: @border-radius-base;
|
||||
|
||||
//** Custom text color for thumbnail captions
|
||||
@thumbnail-caption-color: @text-color;
|
||||
//** Padding around the thumbnail caption
|
||||
@thumbnail-caption-padding: 9px;
|
||||
|
||||
|
||||
//== Wells
|
||||
//
|
||||
//##
|
||||
|
||||
@well-bg: #f5f5f5;
|
||||
@well-border: darken(@well-bg, 7%);
|
||||
|
||||
|
||||
//== Badges
|
||||
//
|
||||
//##
|
||||
|
||||
@badge-color: #fff;
|
||||
//** Linked badge text color on hover
|
||||
@badge-link-hover-color: #fff;
|
||||
@badge-bg: @gray-light;
|
||||
|
||||
//** Badge text color in active nav link
|
||||
@badge-active-color: @link-color;
|
||||
//** Badge background color in active nav link
|
||||
@badge-active-bg: #fff;
|
||||
|
||||
@badge-font-weight: bold;
|
||||
@badge-line-height: 1;
|
||||
@badge-border-radius: 10px;
|
||||
|
||||
|
||||
//== Breadcrumbs
|
||||
//
|
||||
//##
|
||||
|
||||
@breadcrumb-padding-vertical: 8px;
|
||||
@breadcrumb-padding-horizontal: 15px;
|
||||
//** Breadcrumb background color
|
||||
@breadcrumb-bg: #f5f5f5;
|
||||
//** Breadcrumb text color
|
||||
@breadcrumb-color: #ccc;
|
||||
//** Text color of current page in the breadcrumb
|
||||
@breadcrumb-active-color: @gray-light;
|
||||
//** Textual separator for between breadcrumb elements
|
||||
@breadcrumb-separator: "/";
|
||||
|
||||
|
||||
//== Carousel
|
||||
//
|
||||
//##
|
||||
|
||||
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
|
||||
|
||||
@carousel-control-color: #fff;
|
||||
@carousel-control-width: 15%;
|
||||
@carousel-control-opacity: .5;
|
||||
@carousel-control-font-size: 20px;
|
||||
|
||||
@carousel-indicator-active-bg: #fff;
|
||||
@carousel-indicator-border-color: #fff;
|
||||
|
||||
@carousel-caption-color: #fff;
|
||||
|
||||
|
||||
//== Close
|
||||
//
|
||||
//##
|
||||
|
||||
@close-font-weight: bold;
|
||||
@close-color: #000;
|
||||
@close-text-shadow: 0 1px 0 #fff;
|
||||
|
||||
|
||||
//== Code
|
||||
//
|
||||
//##
|
||||
|
||||
@code-color: #c7254e;
|
||||
@code-bg: #f9f2f4;
|
||||
|
||||
@kbd-color: #fff;
|
||||
@kbd-bg: #333;
|
||||
|
||||
@pre-bg: #f5f5f5;
|
||||
@pre-color: @gray-dark;
|
||||
@pre-border-color: #ccc;
|
||||
@pre-scrollable-max-height: 340px;
|
||||
|
||||
|
||||
//== Type
|
||||
//
|
||||
//##
|
||||
|
||||
//** Text muted color
|
||||
@text-muted: @gray-light;
|
||||
//** Abbreviations and acronyms border color
|
||||
@abbr-border-color: @gray-light;
|
||||
//** Headings small color
|
||||
@headings-small-color: @gray-light;
|
||||
//** Blockquote small color
|
||||
@blockquote-small-color: @gray-light;
|
||||
//** Blockquote font size
|
||||
@blockquote-font-size: (@font-size-base * 1.25);
|
||||
//** Blockquote border color
|
||||
@blockquote-border-color: @gray-lighter;
|
||||
//** Page header border color
|
||||
@page-header-border-color: @gray-lighter;
|
||||
|
||||
|
||||
//== Miscellaneous
|
||||
//
|
||||
//##
|
||||
|
||||
//** Horizontal line color.
|
||||
@hr-border: @gray-lighter;
|
||||
|
||||
//** Horizontal offset for forms and lists.
|
||||
@component-offset-horizontal: 180px;
|
@ -1,17 +0,0 @@
|
||||
// Bordered & Pulled
|
||||
// -------------------------
|
||||
|
||||
.fa-border {
|
||||
padding: .2em .25em .15em;
|
||||
border: solid .08em @fa-border-color;
|
||||
border-radius: .1em;
|
||||
}
|
||||
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
|
||||
.fa {
|
||||
.fa;
|
||||
&.pull-left { margin-right: .3em; }
|
||||
&.pull-right { margin-left: .3em; }
|
||||
}
|
12
install/ui/less/font-awesome/core.less
vendored
12
install/ui/less/font-awesome/core.less
vendored
@ -1,12 +0,0 @@
|
||||
// Base Class Definition
|
||||
// -------------------------
|
||||
|
||||
.fa {
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
@ -1,6 +0,0 @@
|
||||
// Fixed Width Icons
|
||||
// -------------------------
|
||||
.fa-fw {
|
||||
width: (18em / 14);
|
||||
text-align: center;
|
||||
}
|
17
install/ui/less/font-awesome/font-awesome.less
vendored
17
install/ui/less/font-awesome/font-awesome.less
vendored
@ -1,17 +0,0 @@
|
||||
/*!
|
||||
* Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*/
|
||||
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "path";
|
||||
@import "core";
|
||||
@import "larger";
|
||||
@import "fixed-width";
|
||||
@import "list";
|
||||
@import "bordered-pulled";
|
||||
//@import "spinning";
|
||||
@import "rotated-flipped";
|
||||
@import "stacked";
|
||||
@import "icons";
|
412
install/ui/less/font-awesome/icons.less
vendored
412
install/ui/less/font-awesome/icons.less
vendored
@ -1,412 +0,0 @@
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
|
||||
.fa-glass:before { content: @fa-var-glass; }
|
||||
.fa-music:before { content: @fa-var-music; }
|
||||
.fa-search:before { content: @fa-var-search; }
|
||||
.fa-envelope-o:before { content: @fa-var-envelope-o; }
|
||||
.fa-heart:before { content: @fa-var-heart; }
|
||||
.fa-star:before { content: @fa-var-star; }
|
||||
.fa-star-o:before { content: @fa-var-star-o; }
|
||||
.fa-user:before { content: @fa-var-user; }
|
||||
.fa-film:before { content: @fa-var-film; }
|
||||
.fa-th-large:before { content: @fa-var-th-large; }
|
||||
.fa-th:before { content: @fa-var-th; }
|
||||
.fa-th-list:before { content: @fa-var-th-list; }
|
||||
.fa-check:before { content: @fa-var-check; }
|
||||
.fa-times:before { content: @fa-var-times; }
|
||||
.fa-search-plus:before { content: @fa-var-search-plus; }
|
||||
.fa-search-minus:before { content: @fa-var-search-minus; }
|
||||
.fa-power-off:before { content: @fa-var-power-off; }
|
||||
.fa-signal:before { content: @fa-var-signal; }
|
||||
.fa-gear:before,
|
||||
.fa-cog:before { content: @fa-var-cog; }
|
||||
.fa-trash-o:before { content: @fa-var-trash-o; }
|
||||
.fa-home:before { content: @fa-var-home; }
|
||||
.fa-file-o:before { content: @fa-var-file-o; }
|
||||
.fa-clock-o:before { content: @fa-var-clock-o; }
|
||||
.fa-road:before { content: @fa-var-road; }
|
||||
.fa-download:before { content: @fa-var-download; }
|
||||
.fa-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; }
|
||||
.fa-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; }
|
||||
.fa-inbox:before { content: @fa-var-inbox; }
|
||||
.fa-play-circle-o:before { content: @fa-var-play-circle-o; }
|
||||
.fa-rotate-right:before,
|
||||
.fa-repeat:before { content: @fa-var-repeat; }
|
||||
.fa-refresh:before { content: @fa-var-refresh; }
|
||||
.fa-list-alt:before { content: @fa-var-list-alt; }
|
||||
.fa-lock:before { content: @fa-var-lock; }
|
||||
.fa-flag:before { content: @fa-var-flag; }
|
||||
.fa-headphones:before { content: @fa-var-headphones; }
|
||||
.fa-volume-off:before { content: @fa-var-volume-off; }
|
||||
.fa-volume-down:before { content: @fa-var-volume-down; }
|
||||
.fa-volume-up:before { content: @fa-var-volume-up; }
|
||||
.fa-qrcode:before { content: @fa-var-qrcode; }
|
||||
.fa-barcode:before { content: @fa-var-barcode; }
|
||||
.fa-tag:before { content: @fa-var-tag; }
|
||||
.fa-tags:before { content: @fa-var-tags; }
|
||||
.fa-book:before { content: @fa-var-book; }
|
||||
.fa-bookmark:before { content: @fa-var-bookmark; }
|
||||
.fa-print:before { content: @fa-var-print; }
|
||||
.fa-camera:before { content: @fa-var-camera; }
|
||||
.fa-font:before { content: @fa-var-font; }
|
||||
.fa-bold:before { content: @fa-var-bold; }
|
||||
.fa-italic:before { content: @fa-var-italic; }
|
||||
.fa-text-height:before { content: @fa-var-text-height; }
|
||||
.fa-text-width:before { content: @fa-var-text-width; }
|
||||
.fa-align-left:before { content: @fa-var-align-left; }
|
||||
.fa-align-center:before { content: @fa-var-align-center; }
|
||||
.fa-align-right:before { content: @fa-var-align-right; }
|
||||
.fa-align-justify:before { content: @fa-var-align-justify; }
|
||||
.fa-list:before { content: @fa-var-list; }
|
||||
.fa-dedent:before,
|
||||
.fa-outdent:before { content: @fa-var-outdent; }
|
||||
.fa-indent:before { content: @fa-var-indent; }
|
||||
.fa-video-camera:before { content: @fa-var-video-camera; }
|
||||
.fa-picture-o:before { content: @fa-var-picture-o; }
|
||||
.fa-pencil:before { content: @fa-var-pencil; }
|
||||
.fa-map-marker:before { content: @fa-var-map-marker; }
|
||||
.fa-adjust:before { content: @fa-var-adjust; }
|
||||
.fa-tint:before { content: @fa-var-tint; }
|
||||
.fa-edit:before,
|
||||
.fa-pencil-square-o:before { content: @fa-var-pencil-square-o; }
|
||||
.fa-share-square-o:before { content: @fa-var-share-square-o; }
|
||||
.fa-check-square-o:before { content: @fa-var-check-square-o; }
|
||||
.fa-arrows:before { content: @fa-var-arrows; }
|
||||
.fa-step-backward:before { content: @fa-var-step-backward; }
|
||||
.fa-fast-backward:before { content: @fa-var-fast-backward; }
|
||||
.fa-backward:before { content: @fa-var-backward; }
|
||||
.fa-play:before { content: @fa-var-play; }
|
||||
.fa-pause:before { content: @fa-var-pause; }
|
||||
.fa-stop:before { content: @fa-var-stop; }
|
||||
.fa-forward:before { content: @fa-var-forward; }
|
||||
.fa-fast-forward:before { content: @fa-var-fast-forward; }
|
||||
.fa-step-forward:before { content: @fa-var-step-forward; }
|
||||
.fa-eject:before { content: @fa-var-eject; }
|
||||
.fa-chevron-left:before { content: @fa-var-chevron-left; }
|
||||
.fa-chevron-right:before { content: @fa-var-chevron-right; }
|
||||
.fa-plus-circle:before { content: @fa-var-plus-circle; }
|
||||
.fa-minus-circle:before { content: @fa-var-minus-circle; }
|
||||
.fa-times-circle:before { content: @fa-var-times-circle; }
|
||||
.fa-check-circle:before { content: @fa-var-check-circle; }
|
||||
.fa-question-circle:before { content: @fa-var-question-circle; }
|
||||
.fa-info-circle:before { content: @fa-var-info-circle; }
|
||||
.fa-crosshairs:before { content: @fa-var-crosshairs; }
|
||||
.fa-times-circle-o:before { content: @fa-var-times-circle-o; }
|
||||
.fa-check-circle-o:before { content: @fa-var-check-circle-o; }
|
||||
.fa-ban:before { content: @fa-var-ban; }
|
||||
.fa-arrow-left:before { content: @fa-var-arrow-left; }
|
||||
.fa-arrow-right:before { content: @fa-var-arrow-right; }
|
||||
.fa-arrow-up:before { content: @fa-var-arrow-up; }
|
||||
.fa-arrow-down:before { content: @fa-var-arrow-down; }
|
||||
.fa-mail-forward:before,
|
||||
.fa-share:before { content: @fa-var-share; }
|
||||
.fa-expand:before { content: @fa-var-expand; }
|
||||
.fa-compress:before { content: @fa-var-compress; }
|
||||
.fa-plus:before { content: @fa-var-plus; }
|
||||
.fa-minus:before { content: @fa-var-minus; }
|
||||
.fa-asterisk:before { content: @fa-var-asterisk; }
|
||||
.fa-exclamation-circle:before { content: @fa-var-exclamation-circle; }
|
||||
.fa-gift:before { content: @fa-var-gift; }
|
||||
.fa-leaf:before { content: @fa-var-leaf; }
|
||||
.fa-fire:before { content: @fa-var-fire; }
|
||||
.fa-eye:before { content: @fa-var-eye; }
|
||||
.fa-eye-slash:before { content: @fa-var-eye-slash; }
|
||||
.fa-warning:before,
|
||||
.fa-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
|
||||
.fa-plane:before { content: @fa-var-plane; }
|
||||
.fa-calendar:before { content: @fa-var-calendar; }
|
||||
.fa-random:before { content: @fa-var-random; }
|
||||
.fa-comment:before { content: @fa-var-comment; }
|
||||
.fa-magnet:before { content: @fa-var-magnet; }
|
||||
.fa-chevron-up:before { content: @fa-var-chevron-up; }
|
||||
.fa-chevron-down:before { content: @fa-var-chevron-down; }
|
||||
.fa-retweet:before { content: @fa-var-retweet; }
|
||||
.fa-shopping-cart:before { content: @fa-var-shopping-cart; }
|
||||
.fa-folder:before { content: @fa-var-folder; }
|
||||
.fa-folder-open:before { content: @fa-var-folder-open; }
|
||||
.fa-arrows-v:before { content: @fa-var-arrows-v; }
|
||||
.fa-arrows-h:before { content: @fa-var-arrows-h; }
|
||||
.fa-bar-chart-o:before { content: @fa-var-bar-chart-o; }
|
||||
.fa-twitter-square:before { content: @fa-var-twitter-square; }
|
||||
.fa-facebook-square:before { content: @fa-var-facebook-square; }
|
||||
.fa-camera-retro:before { content: @fa-var-camera-retro; }
|
||||
.fa-key:before { content: @fa-var-key; }
|
||||
.fa-gears:before,
|
||||
.fa-cogs:before { content: @fa-var-cogs; }
|
||||
.fa-comments:before { content: @fa-var-comments; }
|
||||
.fa-thumbs-o-up:before { content: @fa-var-thumbs-o-up; }
|
||||
.fa-thumbs-o-down:before { content: @fa-var-thumbs-o-down; }
|
||||
.fa-star-half:before { content: @fa-var-star-half; }
|
||||
.fa-heart-o:before { content: @fa-var-heart-o; }
|
||||
.fa-sign-out:before { content: @fa-var-sign-out; }
|
||||
.fa-linkedin-square:before { content: @fa-var-linkedin-square; }
|
||||
.fa-thumb-tack:before { content: @fa-var-thumb-tack; }
|
||||
.fa-external-link:before { content: @fa-var-external-link; }
|
||||
.fa-sign-in:before { content: @fa-var-sign-in; }
|
||||
.fa-trophy:before { content: @fa-var-trophy; }
|
||||
.fa-github-square:before { content: @fa-var-github-square; }
|
||||
.fa-upload:before { content: @fa-var-upload; }
|
||||
.fa-lemon-o:before { content: @fa-var-lemon-o; }
|
||||
.fa-phone:before { content: @fa-var-phone; }
|
||||
.fa-square-o:before { content: @fa-var-square-o; }
|
||||
.fa-bookmark-o:before { content: @fa-var-bookmark-o; }
|
||||
.fa-phone-square:before { content: @fa-var-phone-square; }
|
||||
.fa-twitter:before { content: @fa-var-twitter; }
|
||||
.fa-facebook:before { content: @fa-var-facebook; }
|
||||
.fa-github:before { content: @fa-var-github; }
|
||||
.fa-unlock:before { content: @fa-var-unlock; }
|
||||
.fa-credit-card:before { content: @fa-var-credit-card; }
|
||||
.fa-rss:before { content: @fa-var-rss; }
|
||||
.fa-hdd-o:before { content: @fa-var-hdd-o; }
|
||||
.fa-bullhorn:before { content: @fa-var-bullhorn; }
|
||||
.fa-bell:before { content: @fa-var-bell; }
|
||||
.fa-certificate:before { content: @fa-var-certificate; }
|
||||
.fa-hand-o-right:before { content: @fa-var-hand-o-right; }
|
||||
.fa-hand-o-left:before { content: @fa-var-hand-o-left; }
|
||||
.fa-hand-o-up:before { content: @fa-var-hand-o-up; }
|
||||
.fa-hand-o-down:before { content: @fa-var-hand-o-down; }
|
||||
.fa-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }
|
||||
.fa-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }
|
||||
.fa-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }
|
||||
.fa-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }
|
||||
.fa-globe:before { content: @fa-var-globe; }
|
||||
.fa-wrench:before { content: @fa-var-wrench; }
|
||||
.fa-tasks:before { content: @fa-var-tasks; }
|
||||
.fa-filter:before { content: @fa-var-filter; }
|
||||
.fa-briefcase:before { content: @fa-var-briefcase; }
|
||||
.fa-arrows-alt:before { content: @fa-var-arrows-alt; }
|
||||
.fa-group:before,
|
||||
.fa-users:before { content: @fa-var-users; }
|
||||
.fa-chain:before,
|
||||
.fa-link:before { content: @fa-var-link; }
|
||||
.fa-cloud:before { content: @fa-var-cloud; }
|
||||
.fa-flask:before { content: @fa-var-flask; }
|
||||
.fa-cut:before,
|
||||
.fa-scissors:before { content: @fa-var-scissors; }
|
||||
.fa-copy:before,
|
||||
.fa-files-o:before { content: @fa-var-files-o; }
|
||||
.fa-paperclip:before { content: @fa-var-paperclip; }
|
||||
.fa-save:before,
|
||||
.fa-floppy-o:before { content: @fa-var-floppy-o; }
|
||||
.fa-square:before { content: @fa-var-square; }
|
||||
.fa-bars:before { content: @fa-var-bars; }
|
||||
.fa-list-ul:before { content: @fa-var-list-ul; }
|
||||
.fa-list-ol:before { content: @fa-var-list-ol; }
|
||||
.fa-strikethrough:before { content: @fa-var-strikethrough; }
|
||||
.fa-underline:before { content: @fa-var-underline; }
|
||||
.fa-table:before { content: @fa-var-table; }
|
||||
.fa-magic:before { content: @fa-var-magic; }
|
||||
.fa-truck:before { content: @fa-var-truck; }
|
||||
.fa-pinterest:before { content: @fa-var-pinterest; }
|
||||
.fa-pinterest-square:before { content: @fa-var-pinterest-square; }
|
||||
.fa-google-plus-square:before { content: @fa-var-google-plus-square; }
|
||||
.fa-google-plus:before { content: @fa-var-google-plus; }
|
||||
.fa-money:before { content: @fa-var-money; }
|
||||
.fa-caret-down:before { content: @fa-var-caret-down; }
|
||||
.fa-caret-up:before { content: @fa-var-caret-up; }
|
||||
.fa-caret-left:before { content: @fa-var-caret-left; }
|
||||
.fa-caret-right:before { content: @fa-var-caret-right; }
|
||||
.fa-columns:before { content: @fa-var-columns; }
|
||||
.fa-unsorted:before,
|
||||
.fa-sort:before { content: @fa-var-sort; }
|
||||
.fa-sort-down:before,
|
||||
.fa-sort-asc:before { content: @fa-var-sort-asc; }
|
||||
.fa-sort-up:before,
|
||||
.fa-sort-desc:before { content: @fa-var-sort-desc; }
|
||||
.fa-envelope:before { content: @fa-var-envelope; }
|
||||
.fa-linkedin:before { content: @fa-var-linkedin; }
|
||||
.fa-rotate-left:before,
|
||||
.fa-undo:before { content: @fa-var-undo; }
|
||||
.fa-legal:before,
|
||||
.fa-gavel:before { content: @fa-var-gavel; }
|
||||
.fa-dashboard:before,
|
||||
.fa-tachometer:before { content: @fa-var-tachometer; }
|
||||
.fa-comment-o:before { content: @fa-var-comment-o; }
|
||||
.fa-comments-o:before { content: @fa-var-comments-o; }
|
||||
.fa-flash:before,
|
||||
.fa-bolt:before { content: @fa-var-bolt; }
|
||||
.fa-sitemap:before { content: @fa-var-sitemap; }
|
||||
.fa-umbrella:before { content: @fa-var-umbrella; }
|
||||
.fa-paste:before,
|
||||
.fa-clipboard:before { content: @fa-var-clipboard; }
|
||||
.fa-lightbulb-o:before { content: @fa-var-lightbulb-o; }
|
||||
.fa-exchange:before { content: @fa-var-exchange; }
|
||||
.fa-cloud-download:before { content: @fa-var-cloud-download; }
|
||||
.fa-cloud-upload:before { content: @fa-var-cloud-upload; }
|
||||
.fa-user-md:before { content: @fa-var-user-md; }
|
||||
.fa-stethoscope:before { content: @fa-var-stethoscope; }
|
||||
.fa-suitcase:before { content: @fa-var-suitcase; }
|
||||
.fa-bell-o:before { content: @fa-var-bell-o; }
|
||||
.fa-coffee:before { content: @fa-var-coffee; }
|
||||
.fa-cutlery:before { content: @fa-var-cutlery; }
|
||||
.fa-file-text-o:before { content: @fa-var-file-text-o; }
|
||||
.fa-building-o:before { content: @fa-var-building-o; }
|
||||
.fa-hospital-o:before { content: @fa-var-hospital-o; }
|
||||
.fa-ambulance:before { content: @fa-var-ambulance; }
|
||||
.fa-medkit:before { content: @fa-var-medkit; }
|
||||
.fa-fighter-jet:before { content: @fa-var-fighter-jet; }
|
||||
.fa-beer:before { content: @fa-var-beer; }
|
||||
.fa-h-square:before { content: @fa-var-h-square; }
|
||||
.fa-plus-square:before { content: @fa-var-plus-square; }
|
||||
.fa-angle-double-left:before { content: @fa-var-angle-double-left; }
|
||||
.fa-angle-double-right:before { content: @fa-var-angle-double-right; }
|
||||
.fa-angle-double-up:before { content: @fa-var-angle-double-up; }
|
||||
.fa-angle-double-down:before { content: @fa-var-angle-double-down; }
|
||||
.fa-angle-left:before { content: @fa-var-angle-left; }
|
||||
.fa-angle-right:before { content: @fa-var-angle-right; }
|
||||
.fa-angle-up:before { content: @fa-var-angle-up; }
|
||||
.fa-angle-down:before { content: @fa-var-angle-down; }
|
||||
.fa-desktop:before { content: @fa-var-desktop; }
|
||||
.fa-laptop:before { content: @fa-var-laptop; }
|
||||
.fa-tablet:before { content: @fa-var-tablet; }
|
||||
.fa-mobile-phone:before,
|
||||
.fa-mobile:before { content: @fa-var-mobile; }
|
||||
.fa-circle-o:before { content: @fa-var-circle-o; }
|
||||
.fa-quote-left:before { content: @fa-var-quote-left; }
|
||||
.fa-quote-right:before { content: @fa-var-quote-right; }
|
||||
.fa-spinner:before { content: @fa-var-spinner; }
|
||||
.fa-circle:before { content: @fa-var-circle; }
|
||||
.fa-mail-reply:before,
|
||||
.fa-reply:before { content: @fa-var-reply; }
|
||||
.fa-github-alt:before { content: @fa-var-github-alt; }
|
||||
.fa-folder-o:before { content: @fa-var-folder-o; }
|
||||
.fa-folder-open-o:before { content: @fa-var-folder-open-o; }
|
||||
.fa-smile-o:before { content: @fa-var-smile-o; }
|
||||
.fa-frown-o:before { content: @fa-var-frown-o; }
|
||||
.fa-meh-o:before { content: @fa-var-meh-o; }
|
||||
.fa-gamepad:before { content: @fa-var-gamepad; }
|
||||
.fa-keyboard-o:before { content: @fa-var-keyboard-o; }
|
||||
.fa-flag-o:before { content: @fa-var-flag-o; }
|
||||
.fa-flag-checkered:before { content: @fa-var-flag-checkered; }
|
||||
.fa-terminal:before { content: @fa-var-terminal; }
|
||||
.fa-code:before { content: @fa-var-code; }
|
||||
.fa-reply-all:before { content: @fa-var-reply-all; }
|
||||
.fa-mail-reply-all:before { content: @fa-var-mail-reply-all; }
|
||||
.fa-star-half-empty:before,
|
||||
.fa-star-half-full:before,
|
||||
.fa-star-half-o:before { content: @fa-var-star-half-o; }
|
||||
.fa-location-arrow:before { content: @fa-var-location-arrow; }
|
||||
.fa-crop:before { content: @fa-var-crop; }
|
||||
.fa-code-fork:before { content: @fa-var-code-fork; }
|
||||
.fa-unlink:before,
|
||||
.fa-chain-broken:before { content: @fa-var-chain-broken; }
|
||||
.fa-question:before { content: @fa-var-question; }
|
||||
.fa-info:before { content: @fa-var-info; }
|
||||
.fa-exclamation:before { content: @fa-var-exclamation; }
|
||||
.fa-superscript:before { content: @fa-var-superscript; }
|
||||
.fa-subscript:before { content: @fa-var-subscript; }
|
||||
.fa-eraser:before { content: @fa-var-eraser; }
|
||||
.fa-puzzle-piece:before { content: @fa-var-puzzle-piece; }
|
||||
.fa-microphone:before { content: @fa-var-microphone; }
|
||||
.fa-microphone-slash:before { content: @fa-var-microphone-slash; }
|
||||
.fa-shield:before { content: @fa-var-shield; }
|
||||
.fa-calendar-o:before { content: @fa-var-calendar-o; }
|
||||
.fa-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
|
||||
.fa-rocket:before { content: @fa-var-rocket; }
|
||||
.fa-maxcdn:before { content: @fa-var-maxcdn; }
|
||||
.fa-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }
|
||||
.fa-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }
|
||||
.fa-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }
|
||||
.fa-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
|
||||
.fa-html5:before { content: @fa-var-html5; }
|
||||
.fa-css3:before { content: @fa-var-css3; }
|
||||
.fa-anchor:before { content: @fa-var-anchor; }
|
||||
.fa-unlock-alt:before { content: @fa-var-unlock-alt; }
|
||||
.fa-bullseye:before { content: @fa-var-bullseye; }
|
||||
.fa-ellipsis-h:before { content: @fa-var-ellipsis-h; }
|
||||
.fa-ellipsis-v:before { content: @fa-var-ellipsis-v; }
|
||||
.fa-rss-square:before { content: @fa-var-rss-square; }
|
||||
.fa-play-circle:before { content: @fa-var-play-circle; }
|
||||
.fa-ticket:before { content: @fa-var-ticket; }
|
||||
.fa-minus-square:before { content: @fa-var-minus-square; }
|
||||
.fa-minus-square-o:before { content: @fa-var-minus-square-o; }
|
||||
.fa-level-up:before { content: @fa-var-level-up; }
|
||||
.fa-level-down:before { content: @fa-var-level-down; }
|
||||
.fa-check-square:before { content: @fa-var-check-square; }
|
||||
.fa-pencil-square:before { content: @fa-var-pencil-square; }
|
||||
.fa-external-link-square:before { content: @fa-var-external-link-square; }
|
||||
.fa-share-square:before { content: @fa-var-share-square; }
|
||||
.fa-compass:before { content: @fa-var-compass; }
|
||||
.fa-toggle-down:before,
|
||||
.fa-caret-square-o-down:before { content: @fa-var-caret-square-o-down; }
|
||||
.fa-toggle-up:before,
|
||||
.fa-caret-square-o-up:before { content: @fa-var-caret-square-o-up; }
|
||||
.fa-toggle-right:before,
|
||||
.fa-caret-square-o-right:before { content: @fa-var-caret-square-o-right; }
|
||||
.fa-euro:before,
|
||||
.fa-eur:before { content: @fa-var-eur; }
|
||||
.fa-gbp:before { content: @fa-var-gbp; }
|
||||
.fa-dollar:before,
|
||||
.fa-usd:before { content: @fa-var-usd; }
|
||||
.fa-rupee:before,
|
||||
.fa-inr:before { content: @fa-var-inr; }
|
||||
.fa-cny:before,
|
||||
.fa-rmb:before,
|
||||
.fa-yen:before,
|
||||
.fa-jpy:before { content: @fa-var-jpy; }
|
||||
.fa-ruble:before,
|
||||
.fa-rouble:before,
|
||||
.fa-rub:before { content: @fa-var-rub; }
|
||||
.fa-won:before,
|
||||
.fa-krw:before { content: @fa-var-krw; }
|
||||
.fa-bitcoin:before,
|
||||
.fa-btc:before { content: @fa-var-btc; }
|
||||
.fa-file:before { content: @fa-var-file; }
|
||||
.fa-file-text:before { content: @fa-var-file-text; }
|
||||
.fa-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; }
|
||||
.fa-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; }
|
||||
.fa-sort-amount-asc:before { content: @fa-var-sort-amount-asc; }
|
||||
.fa-sort-amount-desc:before { content: @fa-var-sort-amount-desc; }
|
||||
.fa-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; }
|
||||
.fa-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; }
|
||||
.fa-thumbs-up:before { content: @fa-var-thumbs-up; }
|
||||
.fa-thumbs-down:before { content: @fa-var-thumbs-down; }
|
||||
.fa-youtube-square:before { content: @fa-var-youtube-square; }
|
||||
.fa-youtube:before { content: @fa-var-youtube; }
|
||||
.fa-xing:before { content: @fa-var-xing; }
|
||||
.fa-xing-square:before { content: @fa-var-xing-square; }
|
||||
.fa-youtube-play:before { content: @fa-var-youtube-play; }
|
||||
.fa-dropbox:before { content: @fa-var-dropbox; }
|
||||
.fa-stack-overflow:before { content: @fa-var-stack-overflow; }
|
||||
.fa-instagram:before { content: @fa-var-instagram; }
|
||||
.fa-flickr:before { content: @fa-var-flickr; }
|
||||
.fa-adn:before { content: @fa-var-adn; }
|
||||
.fa-bitbucket:before { content: @fa-var-bitbucket; }
|
||||
.fa-bitbucket-square:before { content: @fa-var-bitbucket-square; }
|
||||
.fa-tumblr:before { content: @fa-var-tumblr; }
|
||||
.fa-tumblr-square:before { content: @fa-var-tumblr-square; }
|
||||
.fa-long-arrow-down:before { content: @fa-var-long-arrow-down; }
|
||||
.fa-long-arrow-up:before { content: @fa-var-long-arrow-up; }
|
||||
.fa-long-arrow-left:before { content: @fa-var-long-arrow-left; }
|
||||
.fa-long-arrow-right:before { content: @fa-var-long-arrow-right; }
|
||||
.fa-apple:before { content: @fa-var-apple; }
|
||||
.fa-windows:before { content: @fa-var-windows; }
|
||||
.fa-android:before { content: @fa-var-android; }
|
||||
.fa-linux:before { content: @fa-var-linux; }
|
||||
.fa-dribbble:before { content: @fa-var-dribbble; }
|
||||
.fa-skype:before { content: @fa-var-skype; }
|
||||
.fa-foursquare:before { content: @fa-var-foursquare; }
|
||||
.fa-trello:before { content: @fa-var-trello; }
|
||||
.fa-female:before { content: @fa-var-female; }
|
||||
.fa-male:before { content: @fa-var-male; }
|
||||
.fa-gittip:before { content: @fa-var-gittip; }
|
||||
.fa-sun-o:before { content: @fa-var-sun-o; }
|
||||
.fa-moon-o:before { content: @fa-var-moon-o; }
|
||||
.fa-archive:before { content: @fa-var-archive; }
|
||||
.fa-bug:before { content: @fa-var-bug; }
|
||||
.fa-vk:before { content: @fa-var-vk; }
|
||||
.fa-weibo:before { content: @fa-var-weibo; }
|
||||
.fa-renren:before { content: @fa-var-renren; }
|
||||
.fa-pagelines:before { content: @fa-var-pagelines; }
|
||||
.fa-stack-exchange:before { content: @fa-var-stack-exchange; }
|
||||
.fa-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }
|
||||
.fa-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }
|
||||
.fa-toggle-left:before,
|
||||
.fa-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }
|
||||
.fa-dot-circle-o:before { content: @fa-var-dot-circle-o; }
|
||||
.fa-wheelchair:before { content: @fa-var-wheelchair; }
|
||||
.fa-vimeo-square:before { content: @fa-var-vimeo-square; }
|
||||
.fa-turkish-lira:before,
|
||||
.fa-try:before { content: @fa-var-try; }
|
||||
.fa-plus-square-o:before { content: @fa-var-plus-square-o; }
|
13
install/ui/less/font-awesome/larger.less
vendored
13
install/ui/less/font-awesome/larger.less
vendored
@ -1,13 +0,0 @@
|
||||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.fa-lg {
|
||||
font-size: (4em / 3);
|
||||
line-height: (3em / 4);
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.fa-2x { font-size: 2em; }
|
||||
.fa-3x { font-size: 3em; }
|
||||
.fa-4x { font-size: 4em; }
|
||||
.fa-5x { font-size: 5em; }
|
23
install/ui/less/font-awesome/list.less
vendored
23
install/ui/less/font-awesome/list.less
vendored
@ -1,23 +0,0 @@
|
||||
// List Icons
|
||||
// -------------------------
|
||||
|
||||
.fa-ul {
|
||||
padding-left: 0;
|
||||
margin-left: @fa-li-width;
|
||||
list-style-type: none;
|
||||
> li { position: relative; }
|
||||
}
|
||||
|
||||
@faLifaLg: (4em / 14);
|
||||
@faLifaLgL: @faLifaLg - @fa-li-width;
|
||||
|
||||
.fa-li {
|
||||
position: absolute;
|
||||
left: -@fa-li-width;
|
||||
width: @fa-li-width;
|
||||
top: (2em / 14);
|
||||
text-align: center;
|
||||
&.fa-lg {
|
||||
left: @faLifaLgL
|
||||
}
|
||||
}
|
18
install/ui/less/font-awesome/mixins.less
vendored
18
install/ui/less/font-awesome/mixins.less
vendored
@ -1,18 +0,0 @@
|
||||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
.fa-icon-rotate(@degrees, @rotation) {
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-moz-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees);
|
||||
-o-transform: rotate(@degrees);
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
|
||||
.fa-icon-flip(@horiz, @vert, @rotation) {
|
||||
-webkit-transform: scale(@horiz, @vert);
|
||||
-moz-transform: scale(@horiz, @vert);
|
||||
-ms-transform: scale(@horiz, @vert);
|
||||
-o-transform: scale(@horiz, @vert);
|
||||
transform: scale(@horiz, @vert);
|
||||
}
|
@ -1,9 +0,0 @@
|
||||
// Rotated & Flipped Icons
|
||||
// -------------------------
|
||||
|
||||
.fa-rotate-90 { .fa-icon-rotate(90deg, 1); }
|
||||
.fa-rotate-180 { .fa-icon-rotate(180deg, 2); }
|
||||
.fa-rotate-270 { .fa-icon-rotate(270deg, 3); }
|
||||
|
||||
.fa-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
|
||||
.fa-flip-vertical { .fa-icon-flip(1, -1, 2); }
|
30
install/ui/less/font-awesome/spinning.less
vendored
30
install/ui/less/font-awesome/spinning.less
vendored
@ -1,30 +0,0 @@
|
||||
// Spinning Icons
|
||||
// --------------------------
|
||||
|
||||
.fa-spin {
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
-o-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@-o-keyframes spin {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(359deg); }
|
||||
}
|
||||
@-ms-keyframes spin {
|
||||
0% { -ms-transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
20
install/ui/less/font-awesome/stacked.less
vendored
20
install/ui/less/font-awesome/stacked.less
vendored
@ -1,20 +0,0 @@
|
||||
// Stacked Icons
|
||||
// -------------------------
|
||||
|
||||
.fa-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.fa-stack-1x, .fa-stack-2x {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.fa-stack-1x { line-height: inherit; }
|
||||
.fa-stack-2x { font-size: 2em; }
|
||||
.fa-inverse { color: @fa-inverse; }
|
2
install/ui/less/font-awesome/variables.less
vendored
2
install/ui/less/font-awesome/variables.less
vendored
@ -1,7 +1,7 @@
|
||||
// Variables
|
||||
// --------------------------
|
||||
|
||||
@fa-font-path: "../fonts/fontawesome";
|
||||
@fa-font-path: "../fonts";
|
||||
//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts"; // for referencing Bootstrap CDN font files directly
|
||||
@fa-css-prefix: fa;
|
||||
@fa-version: "4.0.3";
|
||||
|
13
install/ui/less/ipa.less
Normal file
13
install/ui/less/ipa.less
Normal file
@ -0,0 +1,13 @@
|
||||
/* FreeIPA styles */
|
||||
|
||||
@import "font-awesome/variables";
|
||||
@import "bootstrap/variables";
|
||||
@import "patternfly/variables";
|
||||
@import "variables";
|
||||
|
||||
@import "dialog";
|
||||
@import "brand";
|
||||
@import "forms-override";
|
||||
@import "widgets";
|
||||
@import "plugins/otp";
|
||||
@import "login.less";
|
@ -1,9 +0,0 @@
|
||||
.header.rcue {
|
||||
.brand, .navbar.utility .nav > li > a {
|
||||
padding-bottom: 15px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.brand-white-label {
|
||||
padding: 7px 10px 7px 0;
|
||||
}
|
||||
}
|
123
install/ui/less/patternfly.less
Normal file
123
install/ui/less/patternfly.less
Normal file
@ -0,0 +1,123 @@
|
||||
/**
|
||||
* Combination of Bootstrap 3, PatternFly and Font Awesome without
|
||||
* font imports which requires bundling of fonts. They are replaced
|
||||
* with system fonts (Open Sans, FontAwesome).
|
||||
*/
|
||||
|
||||
// Variables
|
||||
// Expects that dependencies are in the same directory as FreeIPA
|
||||
@bootstrap_dir: "../../../../bootstrap";
|
||||
@bootstrap_select_dir: "../../../../bootstrap-select";
|
||||
@fontawesome_dir: "../../../../font-awesome";
|
||||
@patternfly_dir: "../../../../patternfly";
|
||||
|
||||
/* Bootstrap 3 */
|
||||
|
||||
// Core variables and mixins
|
||||
@import "@{bootstrap_dir}/less/variables.less";
|
||||
@import "@{bootstrap_dir}/less/mixins.less";
|
||||
|
||||
// Reset
|
||||
@import "@{bootstrap_dir}/less/normalize.less";
|
||||
@import "@{bootstrap_dir}/less/print.less";
|
||||
|
||||
// Core CSS
|
||||
@import "@{bootstrap_dir}/less/scaffolding.less";
|
||||
@import "@{bootstrap_dir}/less/type.less";
|
||||
@import "@{bootstrap_dir}/less/code.less";
|
||||
@import "@{bootstrap_dir}/less/grid.less";
|
||||
@import "@{bootstrap_dir}/less/tables.less";
|
||||
@import "@{bootstrap_dir}/less/forms.less";
|
||||
@import "@{bootstrap_dir}/less/buttons.less";
|
||||
|
||||
// Components
|
||||
@import "@{bootstrap_dir}/less/component-animations.less";
|
||||
// we don't use glyphicons
|
||||
//@import "@{bootstrap_dir}/less/glyphicons.less";
|
||||
@import "@{bootstrap_dir}/less/dropdowns.less";
|
||||
@import "@{bootstrap_dir}/less/button-groups.less";
|
||||
@import "@{bootstrap_dir}/less/input-groups.less";
|
||||
@import "@{bootstrap_dir}/less/navs.less";
|
||||
@import "@{bootstrap_dir}/less/navbar.less";
|
||||
@import "@{bootstrap_dir}/less/breadcrumbs.less";
|
||||
@import "@{bootstrap_dir}/less/pagination.less";
|
||||
@import "@{bootstrap_dir}/less/pager.less";
|
||||
@import "@{bootstrap_dir}/less/labels.less";
|
||||
@import "@{bootstrap_dir}/less/badges.less";
|
||||
@import "@{bootstrap_dir}/less/jumbotron.less";
|
||||
@import "@{bootstrap_dir}/less/thumbnails.less";
|
||||
@import "@{bootstrap_dir}/less/alerts.less";
|
||||
@import "@{bootstrap_dir}/less/progress-bars.less";
|
||||
@import "@{bootstrap_dir}/less/media.less";
|
||||
@import "@{bootstrap_dir}/less/list-group.less";
|
||||
@import "@{bootstrap_dir}/less/panels.less";
|
||||
@import "@{bootstrap_dir}/less/wells.less";
|
||||
@import "@{bootstrap_dir}/less/close.less";
|
||||
|
||||
// Components w/ JavaScript
|
||||
@import "@{bootstrap_dir}/less/modals.less";
|
||||
@import "@{bootstrap_dir}/less/tooltip.less";
|
||||
@import "@{bootstrap_dir}/less/popovers.less";
|
||||
@import "@{bootstrap_dir}/less/carousel.less";
|
||||
|
||||
// Utility classes
|
||||
@import "@{bootstrap_dir}/less/utilities.less";
|
||||
@import "@{bootstrap_dir}/less/responsive-utilities.less";
|
||||
|
||||
|
||||
/* Font Awesome */
|
||||
@import "@{fontawesome_dir}/less/variables";
|
||||
@import "@{fontawesome_dir}/less/mixins";
|
||||
// Replace with our definition
|
||||
//@import "@{fontawesome_dir}/less/path";
|
||||
@import "font-awesome/path";
|
||||
@import "@{fontawesome_dir}/less/core";
|
||||
@import "@{fontawesome_dir}/less/larger";
|
||||
@import "@{fontawesome_dir}/less/fixed-width";
|
||||
@import "@{fontawesome_dir}/less/list";
|
||||
@import "@{fontawesome_dir}/less/bordered-pulled";
|
||||
@import "@{fontawesome_dir}/less/spinning";
|
||||
@import "@{fontawesome_dir}/less/rotated-flipped";
|
||||
@import "@{fontawesome_dir}/less/stacked";
|
||||
@import "@{fontawesome_dir}/less/icons";
|
||||
|
||||
/* Bootstrap-Select */
|
||||
@import (less) "@{bootstrap_select_dir}/bootstrap-select.css";
|
||||
|
||||
|
||||
/* PatternFly overrides and new stuff */
|
||||
// Based on "@{patternfly_dir}/less/patternfly.less";
|
||||
@import "@{patternfly_dir}/less/variables";
|
||||
@import "@{patternfly_dir}/less/mixins";
|
||||
@import "@{patternfly_dir}/less/alerts";
|
||||
@import "@{patternfly_dir}/less/badges";
|
||||
@import "@{patternfly_dir}/less/bootstrap-select";
|
||||
@import "@{patternfly_dir}/less/breadcrumbs";
|
||||
@import "@{patternfly_dir}/less/buttons";
|
||||
@import "@{patternfly_dir}/less/close";
|
||||
@import "@{patternfly_dir}/less/combo-box";
|
||||
@import "@{patternfly_dir}/less/datatables";
|
||||
@import "@{patternfly_dir}/less/dropdowns";
|
||||
//@import "@{patternfly_dir}/less/fonts";
|
||||
@import "patternfly/font";
|
||||
@import "@{patternfly_dir}/less/forms";
|
||||
//@import "@{patternfly_dir}/less/icons";
|
||||
@import "@{patternfly_dir}/less/infotip";
|
||||
@import "@{patternfly_dir}/less/labels";
|
||||
@import "@{patternfly_dir}/less/list-group";
|
||||
@import "@{patternfly_dir}/less/login";
|
||||
@import "@{patternfly_dir}/less/modals";
|
||||
@import "@{patternfly_dir}/less/navbar";
|
||||
@import "@{patternfly_dir}/less/pager";
|
||||
@import "@{patternfly_dir}/less/pagination";
|
||||
@import "@{patternfly_dir}/less/panels";
|
||||
@import "@{patternfly_dir}/less/popovers";
|
||||
@import "@{patternfly_dir}/less/sidebar";
|
||||
@import "@{patternfly_dir}/less/single-select-dropdown";
|
||||
@import "@{patternfly_dir}/less/tabs";
|
||||
@import "@{patternfly_dir}/less/tables";
|
||||
@import "@{patternfly_dir}/less/type";
|
||||
@import "@{patternfly_dir}/less/tooltip";
|
||||
|
||||
// our overrides
|
||||
@fa-font-path: "../fonts/fontawesome";
|
90
install/ui/less/patternfly/font.less
Normal file
90
install/ui/less/patternfly/font.less
Normal file
@ -0,0 +1,90 @@
|
||||
//
|
||||
// Font face definitions are different than original RCUE ones.
|
||||
// Here we supply only ttf variants. Additionally local variant can be
|
||||
// used so it can save some load time in some browsers.
|
||||
//
|
||||
// This approach has a disadvantage:
|
||||
// - fonts do not work in IE8 and below
|
||||
//
|
||||
// Advantage is that it nicely fits into Fedora packaging guidelines
|
||||
//
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans'), local('OpenSans'),
|
||||
url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('OpenSans-Light'), local('Open Sans Light'),
|
||||
url('../fonts/open-sans/OpenSans-Light.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
|
||||
url('../fonts/open-sans/OpenSans-Semibold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
||||
url('../fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
|
||||
url('../fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
|
||||
url('../fonts/open-sans/OpenSans-LightItalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'),
|
||||
url('../fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
|
||||
url('../fonts/open-sans/OpenSans-SemiboldItalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
|
||||
url('../fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
|
||||
url('../fonts/open-sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
|
||||
}
|
194
install/ui/less/patternfly/variables.less
Executable file
194
install/ui/less/patternfly/variables.less
Executable file
@ -0,0 +1,194 @@
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
// Bootstrap overrides and PatternFly-specific variables
|
||||
|
||||
/* Bootstrap overrides */
|
||||
@alert-danger-bg: @body-bg;
|
||||
@alert-danger-border: @brand-danger;
|
||||
@alert-danger-text: @gray-dark;
|
||||
@alert-info-bg: @body-bg;
|
||||
@alert-info-border: #ccc;
|
||||
@alert-info-text: @gray-dark;
|
||||
@alert-link-font-weight: 500;
|
||||
@alert-padding: 7px;
|
||||
@alert-success-bg: @body-bg;
|
||||
@alert-success-border: @brand-success;
|
||||
@alert-success-text: @gray-dark;
|
||||
@alert-warning-bg: @body-bg;
|
||||
@alert-warning-border: @brand-warning;
|
||||
@alert-warning-text: @gray-dark;
|
||||
@badge-border-radius: @border-radius-base;
|
||||
@border-radius-base: 1px;
|
||||
@border-radius-large: @border-radius-base;
|
||||
@border-radius-small: @border-radius-base;
|
||||
@brand-primary: #1cace9;
|
||||
@brand-success: #5cb75c;
|
||||
@brand-info: #27799c;
|
||||
@brand-warning: #eb7720;
|
||||
@brand-danger: #c90813;
|
||||
@breadcrumb-active-color: @gray-pf;
|
||||
@breadcrumb-bg: transparent;
|
||||
@breadcrumb-color: @gray-pf;
|
||||
@breadcrumb-separator: @fa-var-angle-right;
|
||||
@btn-danger-bg: #ab070f;
|
||||
@btn-danger-border: #781919;
|
||||
@btn-default-bg: @gray-lighter;
|
||||
@btn-default-border: #b7b7b7;
|
||||
@btn-default-color: @gray-pf;
|
||||
@btn-font-weight: 600;
|
||||
@btn-primary-bg: #189AD1;
|
||||
@btn-primary-border: #267DA1;
|
||||
@caret-width-base: 0;
|
||||
@caret-width-large: @caret-width-base;
|
||||
@dropdown-border: #b6b6b6;
|
||||
@dropdown-divider-bg: #e5e5e5;
|
||||
@dropdown-fallback-border: @dropdown-border;
|
||||
@dropdown-link-active-bg: @link-color;
|
||||
@dropdown-link-active-color: #fff;
|
||||
@dropdown-link-hover-bg: #d4edfa;
|
||||
@dropdown-link-hover-color: @gray-pf;
|
||||
@font-family-base: "Open Sans", Helvetica, Arial, sans-serif;
|
||||
@font-size-base: 12px;
|
||||
@font-size-h1: ceil(@font-size-base * 2); // ~24px
|
||||
@font-size-h2: ceil(@font-size-base * 1.8333); // ~22px
|
||||
@font-size-h3: ceil(@font-size-base * 1.3333); // ~16px
|
||||
@font-size-h5: ceil(@font-size-base * 1.0833); // ~13px
|
||||
@font-size-large: ceil(@font-size-base * 1.1666); // ~14px
|
||||
@font-size-small: ceil(@font-size-base * .9166); // ~11px
|
||||
@grid-gutter-width: 40px;
|
||||
@icon-font-path: "../../components/bootstrap/dist/fonts/";
|
||||
@input-bg-disabled: #F8F8F8;
|
||||
@input-border: #BABABA;
|
||||
@input-color: @gray-dark;
|
||||
@line-height-base: 1.66666667; // 20/12
|
||||
@link-color: #0099d3;
|
||||
@list-group-border: #f2f2f2;
|
||||
@list-group-border-radius: 0;
|
||||
@list-group-hover-bg: #d4edfa;
|
||||
@link-hover-color: #00618a;
|
||||
@nav-tabs-active-link-hover-color: @link-color;
|
||||
@nav-tabs-border-color: #e9e8e8;
|
||||
@nav-tabs-justified-link-border-color: @nav-tabs-border-color;
|
||||
@nav-tabs-link-hover-border-color: transparent;
|
||||
@padding-base-horizontal: 6px;
|
||||
@padding-base-vertical: 2px;
|
||||
@padding-large-horizontal: 10px;
|
||||
@padding-large-vertical: 6px;
|
||||
@padding-small-horizontal: @padding-base-horizontal;
|
||||
@padding-small-vertical: @padding-base-vertical;
|
||||
@pager-border-radius: 0;
|
||||
@pager-disabled-color: #969696;
|
||||
@pagination-bg: #f5f5f5;
|
||||
@pagination-border: #bbbbbb;
|
||||
@pagination-hover-bg: #ededed;
|
||||
@panel-danger-border: @brand-danger;
|
||||
@panel-danger-heading-bg: @brand-danger;
|
||||
@panel-danger-text: @panel-primary-text;
|
||||
@panel-info-border: @brand-info;
|
||||
@panel-info-heading-bg: @brand-info;
|
||||
@panel-info-text: @panel-primary-text;
|
||||
@panel-inner-border: #cecdcd;
|
||||
@panel-success-border: @brand-success;
|
||||
@panel-success-heading-bg: @brand-success;
|
||||
@panel-success-text: @panel-primary-text;
|
||||
@panel-warning-border: @brand-warning;
|
||||
@panel-warning-heading-bg: @brand-warning;
|
||||
@panel-warning-text: @panel-primary-text;
|
||||
@popover-arrow-color: #fff;
|
||||
@popover-arrow-outer-color: #bbb;
|
||||
@popover-border-color: #bbb;
|
||||
@popover-max-width: 220px;
|
||||
@popover-title-bg: #f5f5f5;
|
||||
@table-bg-accent: #f5f5f5;
|
||||
@table-bg-hover: #d5ecf9;
|
||||
@table-border-color: #d1d1d1;
|
||||
@table-cell-padding: 10px;
|
||||
@tooltip-arrow-width: 8px;
|
||||
@tooltip-bg: #434343;
|
||||
@tooltip-max-width: 220px;
|
||||
|
||||
/* PatternFly-specific */
|
||||
@btn-danger-bg-img-start: #d60915;
|
||||
@btn-danger-bg-img-stop: #ac0710;
|
||||
@btn-default-bg-img-start: #fafafa;
|
||||
@btn-default-bg-img-stop: #ededed;
|
||||
@btn-primary-bg-img-start: #1CACE8;
|
||||
@btn-primary-bg-img-stop: #1998CC;
|
||||
@btn-xs-font-weight: 400;
|
||||
@dropdown-divider-margin: 4px 1px;
|
||||
@dropdown-link-active-border-color: #0076b7;
|
||||
@dropdown-link-hover-border-color: #b3d3e7;
|
||||
@dropdown-link-focus-bg: @link-color;
|
||||
@dropdown-link-focus-color: #fff;
|
||||
@fa-font-path: "../../components/font-awesome/fonts";
|
||||
@font-path: "../fonts";
|
||||
@gray-light-pf: #aaa;
|
||||
@gray-pf: #4d5258;
|
||||
@icon-font-name-fa: "FontAwesome";
|
||||
@icon-font-name-pf: "PatternFlyIcons-webfont";
|
||||
@icon-prefix: pficon;
|
||||
@img-badge-ie8: "logo.png";
|
||||
@img-badge-ie8-height: 69px;
|
||||
@img-badge-ie8-width: 73px;
|
||||
@img-bg-login: "bg-login.jpg";
|
||||
@img-brand-ie8: "brand.png";
|
||||
@img-brand-lg-ie8: "brand-lg.png";
|
||||
@img-path: "../img";
|
||||
@img-path-alt: @img-path;
|
||||
@input-border-disabled: #d4d4d4;
|
||||
@list-group-top-border: #e9e8e8;
|
||||
@login-bg-color: #080808;
|
||||
@login-container-bg-color: #181818;
|
||||
@login-container-bg-color-rgba: rgba(255, 255, 255, 0.055);
|
||||
@modal-title-padding-horizontal: 18px;
|
||||
@modal-title-padding-vertical: 10px;
|
||||
@nav-tabs-color: @gray-pf;
|
||||
@navbar-pf-bg-color: #030303; //#393F45
|
||||
@navbar-pf-border-color: #199dde;
|
||||
@navbar-pf-active-color: #f1f1f1;
|
||||
@navbar-pf-color: #cfcfcf;
|
||||
@navbar-pf-icon-bar-bg-color: #fff;
|
||||
@navbar-pf-navbar-header-border-color: lighten(@navbar-pf-bg-color, 15%);
|
||||
@navbar-pf-navbar-nav-active-bg-color: lighten(@navbar-pf-bg-color, 12.5%);
|
||||
@navbar-pf-navbar-nav-active-active-bg-color: lighten(@navbar-pf-bg-color, 8%);
|
||||
@navbar-pf-navbar-nav-active-active-open-bg-color: lighten(@navbar-pf-bg-color, 11%);
|
||||
@navbar-pf-navbar-navbar-brand-padding: 8px 0 7px;
|
||||
@navbar-pf-navbar-navbar-brand-min-width: 270px;
|
||||
@navbar-pf-navbar-navbar-persistent-bg-color: #f6f6f6;
|
||||
@navbar-pf-navbar-navbar-persistent-border-color: #cecdcd;
|
||||
@navbar-pf-navbar-primary-active-bg-color-start: lighten(@navbar-pf-navbar-primary-hover-bg-color-start, 5%);
|
||||
@navbar-pf-navbar-primary-active-bg-color-stop: lighten(@navbar-pf-navbar-primary-hover-bg-color-stop, 7.5%);
|
||||
@navbar-pf-navbar-primary-active-border-color: lighten(@navbar-pf-navbar-primary-hover-border-color, 5%);
|
||||
@navbar-pf-navbar-primary-bg-color-start: lighten(@navbar-pf-bg-color, 10%); // #474C50;
|
||||
@navbar-pf-navbar-primary-bg-color-stop: @navbar-pf-bg-color; // #383F43;
|
||||
@navbar-pf-navbar-primary-context-active-bg-color-start: lighten(@navbar-pf-navbar-primary-context-hover-bg-color-start, 5%);
|
||||
@navbar-pf-navbar-primary-context-active-bg-color-stop: lighten(@navbar-pf-navbar-primary-context-hover-bg-color-stop, 7.5%);
|
||||
@navbar-pf-navbar-primary-context-active-border-color: lighten(@navbar-pf-navbar-primary-context-hover-border-color, 5%);
|
||||
@navbar-pf-navbar-primary-context-active-border-right-color: @navbar-pf-navbar-primary-context-active-border-color;
|
||||
@navbar-pf-navbar-primary-context-active-border-top-color: lighten(@navbar-pf-navbar-primary-context-hover-border-top-color, 6%);
|
||||
@navbar-pf-navbar-primary-context-bg-color-start: lighten(@navbar-pf-navbar-primary-bg-color-start, 8.5%);
|
||||
@navbar-pf-navbar-primary-context-bg-color-stop: lighten(@navbar-pf-navbar-primary-bg-color-stop, 11%);
|
||||
@navbar-pf-navbar-primary-context-border-color: lighten(@navbar-pf-navbar-header-border-color, 8%);
|
||||
@navbar-pf-navbar-primary-context-border-top-color: lighten(@navbar-pf-navbar-header-border-color, 7%);
|
||||
@navbar-pf-navbar-primary-context-hover-bg-color-start: lighten(@navbar-pf-navbar-primary-context-bg-color-start, 5%);
|
||||
@navbar-pf-navbar-primary-context-hover-bg-color-stop: lighten(@navbar-pf-navbar-primary-context-bg-color-stop, 7.5%);
|
||||
@navbar-pf-navbar-primary-context-hover-border-color: lighten(@navbar-pf-navbar-primary-context-border-color, 5%);
|
||||
@navbar-pf-navbar-primary-context-hover-border-top-color: lighten(@navbar-pf-navbar-primary-context-border-top-color, 6%);
|
||||
@navbar-pf-navbar-primary-hover-bg-color-start: lighten(@navbar-pf-navbar-primary-bg-color-start, 10%);
|
||||
@navbar-pf-navbar-primary-hover-bg-color-stop: lighten(@navbar-pf-navbar-primary-bg-color-stop, 10%);
|
||||
@navbar-pf-navbar-primary-hover-border-color: lighten(@navbar-pf-navbar-header-border-color, 20%);
|
||||
@navbar-pf-navbar-utility-border-color: lighten(@navbar-pf-bg-color, 15.5%);
|
||||
@navbar-pf-navbar-utility-color: @navbar-pf-color;
|
||||
@navbar-pf-navbar-utility-hover-bg-color: lighten(@navbar-pf-bg-color, 12.5%);
|
||||
@navbar-pf-navbar-utility-hover-border-color: lighten(@navbar-pf-navbar-utility-border-color, 5%);
|
||||
@navbar-pf-navbar-utility-open-bg-color: lighten(@navbar-pf-navbar-utility-hover-bg-color, 7.5%);
|
||||
@navbar-pf-navbar-utility-open-border-color: lighten(@navbar-pf-navbar-utility-hover-border-color, 5%);
|
||||
@pagination-padding-small-vertical: 0;
|
||||
@panel-default-border-color: #bebdbd;
|
||||
@sidebar-pf-bg: #fafafa;
|
||||
@sidebar-pf-border-color: #d0d0d0;
|
||||
@table-border-hover: #a7cadf;
|
||||
@table-cell-padding-bottom: 3px;
|
||||
@table-cell-padding-top: 2px;
|
||||
@tooltip-font-size: @font-size-base;
|
@ -1,7 +0,0 @@
|
||||
/* Red Hat Common User Experience (RCUE) */
|
||||
|
||||
@import "font";
|
||||
@import "navbar";
|
||||
@import "navbar-white-labeled";
|
||||
@import "buttons";
|
||||
@import "forms";
|
@ -1,14 +0,0 @@
|
||||
/* Red Hat Common User Experience (RCUE) */
|
||||
|
||||
@import "font-awesome/font-awesome";
|
||||
@import "variables";
|
||||
@import "rcue/font";
|
||||
@import "rcue/navbar";
|
||||
@import "rcue/buttons";
|
||||
@import "rcue/forms";
|
||||
@import "dialog";
|
||||
@import "brand";
|
||||
@import "forms-override";
|
||||
@import "widgets";
|
||||
@import "plugins/otp";
|
||||
@import "login.less";
|
@ -1,162 +0,0 @@
|
||||
.btn {
|
||||
background-color: #f3f3f3;
|
||||
background-image: -moz-linear-gradient(top, #fafafa, #ededed);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
|
||||
background-image: -o-linear-gradient(top, #fafafa, #ededed);
|
||||
background-image: linear-gradient(to bottom, #fafafa, #ededed);
|
||||
border-color: #bbb;
|
||||
border-color: rgba(0,0,0,.25);
|
||||
-moz-border-radius: 1px !important;
|
||||
-webkit-border-radius: 1px !important;
|
||||
border-radius: 1px !important;
|
||||
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
|
||||
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
|
||||
box-shadow: 0 2px 3px rgba(0,0,0,.1);
|
||||
color: #4d5258;
|
||||
font-family: @font-family-base;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
padding: 2px 15px;
|
||||
text-shadow: none;
|
||||
&:active {
|
||||
-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
|
||||
-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
|
||||
box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
|
||||
}
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
background-color: #eee;
|
||||
background-image: none;
|
||||
color: #4d5258;
|
||||
}
|
||||
}
|
||||
|
||||
.btn.disabled {
|
||||
background-color: #f8f8f8 !important;
|
||||
border-color: #d1d1d1;
|
||||
color: #969696 !important;
|
||||
opacity: 1;
|
||||
&:active {
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-large {
|
||||
font-size: 12px;
|
||||
padding: 6px 15px;
|
||||
}
|
||||
|
||||
.btn-mini {
|
||||
font-family: @font-family-base;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
padding: 0 11px;
|
||||
}
|
||||
|
||||
.btn-danger, .btn-primary {
|
||||
color: #fff;
|
||||
&:hover, &:active, &:focus {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background-color: #c10813;
|
||||
background-image: -moz-linear-gradient(top, #d60915, #ac0710);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d60915), to(#ac0710));
|
||||
background-image: -webkit-linear-gradient(top, #d60915, #ac0710);
|
||||
background-image: -o-linear-gradient(top, #d60915, #ac0710);
|
||||
background-image: linear-gradient(to bottom, #d60915, #ac0710);
|
||||
border-color: #3f0102;
|
||||
border-color: rgba(0,0,0,.5);
|
||||
&:active {
|
||||
-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.35);
|
||||
-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.35);
|
||||
box-shadow: inset 0 2px 8px rgba(0,0,0,.35);
|
||||
}
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
background-color: #ab070f;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-link,
|
||||
.btn-link:active,
|
||||
.btn-link[disabled],
|
||||
.btn-link.disabled {
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
border-color: transparent !important;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
cursor: pointer;
|
||||
color: #0099d3;
|
||||
}
|
||||
|
||||
.btn-link:hover,
|
||||
.btn-link:active,
|
||||
.btn-link:focus {
|
||||
background-color: transparent !important;
|
||||
color: #0099d3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.btn-link[disabled]:hover,
|
||||
.btn-link[disabled]:active,
|
||||
.btn-link[disabled]:focus,
|
||||
.btn-link.disabled:hover,
|
||||
.btn-link.disabled:active,
|
||||
.btn-link.disabled:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #1aa3dc;
|
||||
background-image: -moz-linear-gradient(top, #1cace8, #1998cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1cace8), to(#1998cc));
|
||||
background-image: -webkit-linear-gradient(top, #1cace8, #1998cc);
|
||||
background-image: -o-linear-gradient(top, #1cace8, #1998cc);
|
||||
background-image: linear-gradient(to bottom, #1cace8, #1998cc);
|
||||
border-color: #267da1;
|
||||
border-color: rgba(0,0,0,.3);
|
||||
&:active {
|
||||
-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
|
||||
-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
|
||||
box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
|
||||
}
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
background-color: #189ad1;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-small [class^="icon-"], .btn-small [class*=" icon-"], .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
|
||||
font-size: 11px;
|
||||
}
|
@ -1,95 +0,0 @@
|
||||
//
|
||||
// Font face definitions are different than original RCUE ones.
|
||||
// Here we supply only ttf variants. Additionally local variant can be
|
||||
// used so it can save some load time in some browsers.
|
||||
//
|
||||
// This approach has a disadvantage:
|
||||
// - fonts do not work in IE8 and below
|
||||
//
|
||||
// Advantage is that it nicely fits into Fedora packaging guidelines
|
||||
//
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local('Open Sans'),
|
||||
url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
src: local('Open Sans Italic'),
|
||||
url('../fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light'),
|
||||
url('../fonts/open-sans/OpenSans-Light.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Open Sans Light Italic'),
|
||||
url('../fonts/open-sans/OpenSans-LightItalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold'),
|
||||
url('../fonts/open-sans/OpenSans-Semibold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans Semibold Italic'),
|
||||
url('../fonts/open-sans/OpenSans-SemiboldItalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold'),
|
||||
url('../fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Open Sans Bold Italic'),
|
||||
url('../fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: local('Open Sans Extrabold'),
|
||||
url('../fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: local('Open Sans Extrabold Italic'),
|
||||
url('../fonts/open-sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
|
||||
}
|
@ -1,143 +0,0 @@
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: @font-family-base;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
label {
|
||||
font-family: @font-family-base;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.help-block,
|
||||
.help-inline,
|
||||
input,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
label,
|
||||
select,
|
||||
textarea,
|
||||
.uneditable-input,
|
||||
.uneditable-textarea {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
select,
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input,
|
||||
.uneditable-textarea {
|
||||
border-color: #bababa;
|
||||
-moz-border-radius: 1px;
|
||||
-webkit-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
color: #333;
|
||||
padding-bottom: 2px;
|
||||
padding-top: 2px;
|
||||
&:focus, &:hover {
|
||||
border-color: #62afdb;
|
||||
}
|
||||
}
|
||||
|
||||
select, input[type="file"] {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
input[disabled],
|
||||
select[disabled],
|
||||
textarea[disabled],
|
||||
input[readonly],
|
||||
select[readonly],
|
||||
textarea[readonly],
|
||||
.uneditable-input,
|
||||
.uneditable-textarea {
|
||||
background-color: #f8f8f8;
|
||||
border-color: #d4d4d4;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #969696;
|
||||
&:focus, &:hover {
|
||||
border-color: #d4d4d4;
|
||||
}
|
||||
}
|
||||
|
||||
.controls>.radio:first-child, .controls>.checkbox:first-child {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.control-group.error input,
|
||||
.control-group.error select,
|
||||
.control-group.error textarea,
|
||||
input:focus:invalid:focus,
|
||||
textarea:focus:invalid:focus,
|
||||
select:focus:invalid:focus {
|
||||
border-color: #ba1212 !important;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.form-horizontal .control-label {
|
||||
padding-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.input-append .add-on, .input-prepend .add-on {
|
||||
font-size: 11px;
|
||||
padding-bottom: 2px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.input-append .add-on,
|
||||
.input-prepend .add-on,
|
||||
.input-append .btn,
|
||||
.input-prepend .btn,
|
||||
.input-append .btn-group>.dropdown-toggle,
|
||||
.input-prepend .btn-group>.dropdown-toggle {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
:-moz-placeholder { /* Firefox 18- */
|
||||
color: #a1a1a1;
|
||||
font-style: italic;
|
||||
}
|
||||
::-moz-placeholder { /* Firefox 19+ */
|
||||
color: #a1a1a1;
|
||||
font-style: italic;
|
||||
}
|
||||
::-ms-input-placeholder {
|
||||
color: #a1a1a1;
|
||||
font-style: italic;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: #a1a1a1;
|
||||
font-style: italic;
|
||||
}
|
@ -1,459 +0,0 @@
|
||||
.header.rcue {
|
||||
border-top: 3px solid #cc0000;
|
||||
position: relative;
|
||||
.brand {
|
||||
color: #fff;
|
||||
padding: 7px 0;
|
||||
margin: 0 0 0 20px;
|
||||
text-shadow: none;
|
||||
.ie8 & {
|
||||
background: url(../img/brand.png) no-repeat 0 50%;
|
||||
min-width: 300px;
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
.ie8 & {
|
||||
height: 10px;
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
&.primary {
|
||||
font-size: 13px;
|
||||
&.persistent-secondary {
|
||||
.nav {
|
||||
position: static;
|
||||
.dropup .dropdown-menu {
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
}
|
||||
> li {
|
||||
&.active {
|
||||
margin-bottom: 32px;
|
||||
> .persistent {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
> a {
|
||||
position: static;
|
||||
}
|
||||
> .persistent {
|
||||
background: #f6f6f6;
|
||||
border-bottom: 1px solid #cecdcd;
|
||||
display: none;
|
||||
float: left;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
> .dropdown-submenu {
|
||||
&.active > a:after {
|
||||
border-top-color: #0080AF !important;
|
||||
}
|
||||
&:hover > .dropdown-menu {
|
||||
display: none;
|
||||
}
|
||||
&.open:before {
|
||||
background: #aaa;
|
||||
bottom: -1px;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 2px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
&.open:hover > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
&.open > a {
|
||||
color: #222;
|
||||
&:after {
|
||||
border-top-color: #222;
|
||||
}
|
||||
}
|
||||
> a {
|
||||
padding-right: 37px;
|
||||
&:after {
|
||||
border-left-color: transparent;
|
||||
border-top-color: #4d5258;
|
||||
border-width: 5px 5px 0 5px;
|
||||
margin-right: -17px;
|
||||
margin-top: 4px;
|
||||
opacity: .8;
|
||||
}
|
||||
&:before {
|
||||
background: transparent !important;
|
||||
border-color: #f6f6f6 transparent transparent transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 0 5px;
|
||||
content: '';
|
||||
display: block;
|
||||
float: right;
|
||||
height: 0;
|
||||
margin-right: -17px;
|
||||
margin-top: 2px;
|
||||
position: relative;
|
||||
right: 0;
|
||||
width: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
> .dropdown-menu {
|
||||
border-top-color: transparent;
|
||||
left: 21px;
|
||||
top: 100%;
|
||||
.ie8 & {
|
||||
margin-top: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
> li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
&.active {
|
||||
&:before, &:hover:before {
|
||||
background: #409cd3 !important;
|
||||
bottom: -1px;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 2px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
> a, > a:hover, &:hover > a {
|
||||
color: #0092c7 !important;
|
||||
}
|
||||
.active > a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
&:before {
|
||||
background: #aaa;
|
||||
bottom: -1px;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 2px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
> a {
|
||||
color: #222;
|
||||
&:after {
|
||||
border-top-color: #222;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: #4d5258;
|
||||
font-size: 13px;
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
> a {
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
padding: 9px 20px;
|
||||
filter: none !important;
|
||||
&:hover {
|
||||
color: #222;
|
||||
}
|
||||
}
|
||||
li:hover > a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav {
|
||||
> li > a {
|
||||
border-bottom: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
position: relative;
|
||||
margin: -1px 0 0;
|
||||
z-index: 1;
|
||||
&:hover {
|
||||
background-color: #53595d;
|
||||
background-image: -moz-linear-gradient(top, #5c6165, #4b5053);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5c6165), to(#4b5053));
|
||||
background-image: -webkit-linear-gradient(top, #5c6165, #4b5053);
|
||||
background-image: -o-linear-gradient(top, #5c6165, #4b5053);
|
||||
background-image: linear-gradient(to bottom, #5c6165, #4b5053);
|
||||
background-repeat: repeat-x;
|
||||
border-top-color: #949699;
|
||||
&.dropdown-toggle .caret:after {
|
||||
border-top-color: #53595d;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .active > a, > .active > a:hover, > .active > a:focus, > .open > a, > .open > a:hover, > .open > a:focus {
|
||||
background-color: #6b6f74;
|
||||
background-image: -moz-linear-gradient(top, #72757a, #64686c);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#72757a), to(#64686c));
|
||||
background-image: -webkit-linear-gradient(top, #72757a, #64686c);
|
||||
background-image: -o-linear-gradient(top, #72757a, #64686c);
|
||||
background-image: linear-gradient(to bottom, #72757a, #64686c);
|
||||
border-top-color: #949699;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
&.dropdown-toggle .caret:after {
|
||||
border-top-color: #6b6f74;
|
||||
}
|
||||
}
|
||||
li.dropdown.context {
|
||||
> a {
|
||||
background-color: #54595d;
|
||||
background-image: -moz-linear-gradient(top, #585d61, #505458);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#585d61), to(#505458));
|
||||
background-image: -webkit-linear-gradient(top, #585d61, #505458);
|
||||
background-image: -o-linear-gradient(top, #585d61, #505458);
|
||||
background-image: linear-gradient(to bottom, #585d61, #505458);
|
||||
border-bottom-color: #65696d;
|
||||
border-right: 1px solid #65696d;
|
||||
border-top-color: #64696d;
|
||||
font-family: @font-family-base;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
z-index: 0;
|
||||
&.dropdown-toggle .caret:after {
|
||||
border-top-color: #54595d;
|
||||
}
|
||||
&:hover {
|
||||
background-color: #5e6367;
|
||||
background-image: -moz-linear-gradient(top, #62676b, #5a5e62);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62676b), to(#5a5e62));
|
||||
background-image: -webkit-linear-gradient(top, #62676b, #5a5e62);
|
||||
background-image: -o-linear-gradient(top, #62676b, #5a5e62);
|
||||
background-image: linear-gradient(to bottom, #62676b, #5a5e62);
|
||||
border-bottom-color: #6e7276;
|
||||
border-right-color: #6e7276;
|
||||
border-top-color: #6c7276;
|
||||
&.dropdown-toggle .caret:after {
|
||||
border-top-color: #5e6367;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.open > a {
|
||||
background-color: #686e72;
|
||||
background-image: -moz-linear-gradient(top, #6b7175, #65696d);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b7175), to(#65696d));
|
||||
background-image: -webkit-linear-gradient(top, #6b7175, #65696d);
|
||||
background-image: -o-linear-gradient(top, #6b7175, #65696d);
|
||||
background-image: linear-gradient(to bottom, #6b7175, #65696d);
|
||||
border-bottom-color: #6e7276;
|
||||
border-right-color: #777a7e;
|
||||
border-top-color: #767a7e;
|
||||
&.dropdown-toggle .caret:after {
|
||||
border-top-color: #686e72;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.utility {
|
||||
font-size: 11px;
|
||||
line-height: 1;
|
||||
.nav {
|
||||
> .active > a, > .active > a:hover, > .active > a:focus, > .open > a, > .open > a:hover, > .open > a:focus {
|
||||
background: #5b6165;
|
||||
color: #fff;
|
||||
&.dropdown-toggle .caret:after {
|
||||
border-top-color: #5b6165;
|
||||
}
|
||||
}
|
||||
> li > a {
|
||||
border-left: 1px solid #53565b;
|
||||
color: #fff;
|
||||
padding: 7px 10px;
|
||||
&:hover {
|
||||
background: #4a5053;
|
||||
border-left-color: #636466;
|
||||
}
|
||||
}
|
||||
> li.open > a {
|
||||
border-left-color: #6c6e70;
|
||||
}
|
||||
li.dropdown {
|
||||
&.open > .dropdown-toggle .caret:after, &.open > .dropdown-toggle:hover .caret:after {
|
||||
border-top-color: #5b6165;
|
||||
}
|
||||
> .dropdown-toggle {
|
||||
&:hover .caret:after {
|
||||
border-top-color: #4a5053;
|
||||
}
|
||||
.caret {
|
||||
border-bottom-color: #fff;
|
||||
border-top-color: #fff;
|
||||
border-width: 4px;
|
||||
&:after {
|
||||
border-top-color: #393F45;
|
||||
}
|
||||
}
|
||||
.icon-user {
|
||||
background: url(../img/icon-user.svg) no-repeat;
|
||||
background-size: 100%;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 5px 0 0;
|
||||
height: 11px;
|
||||
width: 11px;
|
||||
.ie8 & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown .dropdown-menu .nav-header {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border-color: #b6b6b6;
|
||||
-webkit-border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
border-top-width: 0;
|
||||
-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: 0 3px 7px rgba(0,0,0,.15);
|
||||
box-shadow: 0 3px 7px rgba(0,0,0,.15);
|
||||
font-size: 11px;
|
||||
left: -1px;
|
||||
margin-top: 0;
|
||||
.divider {
|
||||
margin: 4px 1px;
|
||||
}
|
||||
li > a {
|
||||
line-height: 22px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus,
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus,
|
||||
.dropdown-submenu:hover > a,
|
||||
.dropdown-submenu:focus > a {
|
||||
background-color: #2b99c0;
|
||||
background-image: -moz-linear-gradient(top, #2ea1ca, #2792b6);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ea1ca), to(#2792b6));
|
||||
background-image: -webkit-linear-gradient(top, #2ea1ca, #2792b6);
|
||||
background-image: -o-linear-gradient(top, #2ea1ca, #2792b6);
|
||||
background-image: linear-gradient(to bottom, #2ea1ca, #2792b6);
|
||||
background-repeat: repeat-x;
|
||||
color: #fff;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea1ca', endColorstr='#2792b6', GradientType=0);
|
||||
}
|
||||
.dropdown-submenu {
|
||||
&.pull-left > .dropdown-menu {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
}
|
||||
&.active > a:after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
> a:after {
|
||||
margin-right: -5px;
|
||||
}
|
||||
> .dropdown-menu {
|
||||
border-top-width: 1px;
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
.nav {
|
||||
> li {
|
||||
> a {
|
||||
color: #dbdada;
|
||||
line-height: 1;
|
||||
padding: 14px 20px;
|
||||
text-shadow: none;
|
||||
}
|
||||
.dropdown-menu {
|
||||
&:after, &:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.dropdown {
|
||||
> .dropdown-toggle .caret {
|
||||
border-bottom-color: #dbdada;
|
||||
border-top-color: #dbdada;
|
||||
border-width: 5px;
|
||||
margin-left: 5px;
|
||||
margin-top: 5px;
|
||||
position: relative;
|
||||
&:after {
|
||||
border: 4px solid transparent;
|
||||
border-bottom: 0;
|
||||
border-top-color: #44494d;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
left: -4px;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
li + .nav-header {
|
||||
margin-top: 4px;
|
||||
}
|
||||
&.open > .dropdown-toggle .caret {
|
||||
border-bottom-color: #fff;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pull-right > li > .dropdown-menu, .nav > li >.dropdown-menu.pull-right {
|
||||
left: auto;
|
||||
right: -1px;
|
||||
}
|
||||
}
|
||||
.navbar-inner {
|
||||
background: #393F45;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
filter: none;
|
||||
}
|
||||
.primary .navbar-inner {
|
||||
background-image: -moz-linear-gradient(top, #474c50, #383f43);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#474c50), to(#383f43));
|
||||
background-image: -webkit-linear-gradient(top, #474c50, #383f43);
|
||||
background-image: -o-linear-gradient(top, #474c50, #383f43);
|
||||
background-image: linear-gradient(to bottom, #474c50, #383f43);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.utility .navbar-inner {
|
||||
border-bottom: 1px solid #53565b;
|
||||
}
|
||||
}
|
@ -1,6 +1 @@
|
||||
// FreeIPA Less Variables
|
||||
|
||||
// Bootstrap overrides
|
||||
@font-family-base: "Open Sans", Helvetica, Arial, sans-serif;
|
||||
|
||||
// RCUE overrides
|
13
install/ui/src/libs/bootstrap.js
vendored
13
install/ui/src/libs/bootstrap.js
vendored
File diff suppressed because one or more lines are too long
@ -21,5 +21,5 @@
|
||||
|
||||
DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
|
||||
|
||||
lesscpy -x $DIR/../less/rcue.less > $DIR/../css/rcue.css
|
||||
lesscpy -x $DIR/../less/ipa.less > $DIR/../css/ipa.css
|
||||
exit $?
|
||||
|
29
install/ui/util/make-patternfly.sh
Executable file
29
install/ui/util/make-patternfly.sh
Executable file
@ -0,0 +1,29 @@
|
||||
#!/bin/bash
|
||||
|
||||
# Authors:
|
||||
# Petr Vobornik <pvoborni@redhat.com>
|
||||
#
|
||||
# Copyright (C) 2014 Red Hat
|
||||
# see file 'COPYING' for use and warranty information
|
||||
#
|
||||
# This program is free software; you can redistribute it and/or modify
|
||||
# it under the terms of the GNU General Public License as published by
|
||||
# the Free Software Foundation, either version 3 of the License, or
|
||||
# (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU General Public License for more details.
|
||||
#
|
||||
# You should have received a copy of the GNU General Public License
|
||||
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
|
||||
|
||||
|
||||
# This script is used for custom build of Bootstrap 3, PatternFly and
|
||||
# Font Awesome. Inspect ../less/patternfly.less for more information
|
||||
|
||||
lessc --clean-css $DIR/../less/patternfly.less > $DIR/../css/patternfly.css
|
||||
exit $?
|
Loading…
Reference in New Issue
Block a user