diff options
author | Petr Vobornik <pvoborni@redhat.com> | 2014-04-04 17:08:31 +0200 |
---|---|---|
committer | Petr Vobornik <pvoborni@redhat.com> | 2014-06-10 10:23:21 +0200 |
commit | 6a8eeff22d98c8c32c770869427883198278d077 (patch) | |
tree | a231b73fcde0d2c5c3befc5b11e22cdb4b5e77ac /install/ui/less | |
parent | b577b3d3656f51edf0c33bdb00863c03b11ae512 (diff) | |
download | freeipa-6a8eeff22d98c8c32c770869427883198278d077.tar.gz freeipa-6a8eeff22d98c8c32c770869427883198278d077.tar.xz freeipa-6a8eeff22d98c8c32c770869427883198278d077.zip |
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>
Diffstat (limited to 'install/ui/less')
25 files changed, 1250 insertions, 1472 deletions
diff --git a/install/ui/less/bootstrap/variables.less b/install/ui/less/bootstrap/variables.less new file mode 100644 index 000000000..87f945483 --- /dev/null +++ b/install/ui/less/bootstrap/variables.less @@ -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; diff --git a/install/ui/less/font-awesome/bordered-pulled.less b/install/ui/less/font-awesome/bordered-pulled.less deleted file mode 100644 index 85536f8c2..000000000 --- a/install/ui/less/font-awesome/bordered-pulled.less +++ /dev/null @@ -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; } -} diff --git a/install/ui/less/font-awesome/core.less b/install/ui/less/font-awesome/core.less deleted file mode 100644 index 1300afd21..000000000 --- a/install/ui/less/font-awesome/core.less +++ /dev/null @@ -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; -} diff --git a/install/ui/less/font-awesome/fixed-width.less b/install/ui/less/font-awesome/fixed-width.less deleted file mode 100644 index e491e9a75..000000000 --- a/install/ui/less/font-awesome/fixed-width.less +++ /dev/null @@ -1,6 +0,0 @@ -// Fixed Width Icons -// ------------------------- -.fa-fw { - width: (18em / 14); - text-align: center; -} diff --git a/install/ui/less/font-awesome/font-awesome.less b/install/ui/less/font-awesome/font-awesome.less deleted file mode 100644 index 34533f3cf..000000000 --- a/install/ui/less/font-awesome/font-awesome.less +++ /dev/null @@ -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"; diff --git a/install/ui/less/font-awesome/icons.less b/install/ui/less/font-awesome/icons.less deleted file mode 100644 index 5118c766c..000000000 --- a/install/ui/less/font-awesome/icons.less +++ /dev/null @@ -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; } diff --git a/install/ui/less/font-awesome/larger.less b/install/ui/less/font-awesome/larger.less deleted file mode 100644 index c9fbf3a04..000000000 --- a/install/ui/less/font-awesome/larger.less +++ /dev/null @@ -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; } diff --git a/install/ui/less/font-awesome/list.less b/install/ui/less/font-awesome/list.less deleted file mode 100644 index 40bae206d..000000000 --- a/install/ui/less/font-awesome/list.less +++ /dev/null @@ -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 - } -} diff --git a/install/ui/less/font-awesome/mixins.less b/install/ui/less/font-awesome/mixins.less deleted file mode 100644 index 52c4f377d..000000000 --- a/install/ui/less/font-awesome/mixins.less +++ /dev/null @@ -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); -} diff --git a/install/ui/less/font-awesome/rotated-flipped.less b/install/ui/less/font-awesome/rotated-flipped.less deleted file mode 100644 index 05faf2449..000000000 --- a/install/ui/less/font-awesome/rotated-flipped.less +++ /dev/null @@ -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); } diff --git a/install/ui/less/font-awesome/spinning.less b/install/ui/less/font-awesome/spinning.less deleted file mode 100644 index 2bf4af70f..000000000 --- a/install/ui/less/font-awesome/spinning.less +++ /dev/null @@ -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); } -} diff --git a/install/ui/less/font-awesome/stacked.less b/install/ui/less/font-awesome/stacked.less deleted file mode 100644 index d0b4c6c1c..000000000 --- a/install/ui/less/font-awesome/stacked.less +++ /dev/null @@ -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; } diff --git a/install/ui/less/font-awesome/variables.less b/install/ui/less/font-awesome/variables.less index ee2d2bdb9..f40a555f0 100644 --- a/install/ui/less/font-awesome/variables.less +++ b/install/ui/less/font-awesome/variables.less @@ -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"; diff --git a/install/ui/less/ipa.less b/install/ui/less/ipa.less new file mode 100644 index 000000000..9d7497fd4 --- /dev/null +++ b/install/ui/less/ipa.less @@ -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"; diff --git a/install/ui/less/navbar-white-labeled.less b/install/ui/less/navbar-white-labeled.less deleted file mode 100644 index ec77fa71a..000000000 --- a/install/ui/less/navbar-white-labeled.less +++ /dev/null @@ -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; - } -}
\ No newline at end of file diff --git a/install/ui/less/patternfly.less b/install/ui/less/patternfly.less new file mode 100644 index 000000000..091b669c5 --- /dev/null +++ b/install/ui/less/patternfly.less @@ -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";
\ No newline at end of file diff --git a/install/ui/less/patternfly/font.less b/install/ui/less/patternfly/font.less new file mode 100644 index 000000000..bc57d03ec --- /dev/null +++ b/install/ui/less/patternfly/font.less @@ -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'); +} diff --git a/install/ui/less/patternfly/variables.less b/install/ui/less/patternfly/variables.less new file mode 100755 index 000000000..41ad3a4aa --- /dev/null +++ b/install/ui/less/patternfly/variables.less @@ -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; diff --git a/install/ui/less/rcue-white-labeled.less b/install/ui/less/rcue-white-labeled.less deleted file mode 100644 index 0b14244f0..000000000 --- a/install/ui/less/rcue-white-labeled.less +++ /dev/null @@ -1,7 +0,0 @@ -/* Red Hat Common User Experience (RCUE) */ - -@import "font"; -@import "navbar"; -@import "navbar-white-labeled"; -@import "buttons"; -@import "forms";
\ No newline at end of file diff --git a/install/ui/less/rcue.less b/install/ui/less/rcue.less deleted file mode 100644 index 2d41aa283..000000000 --- a/install/ui/less/rcue.less +++ /dev/null @@ -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"; diff --git a/install/ui/less/rcue/buttons.less b/install/ui/less/rcue/buttons.less deleted file mode 100644 index dd7b04bec..000000000 --- a/install/ui/less/rcue/buttons.less +++ /dev/null @@ -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; -}
\ No newline at end of file diff --git a/install/ui/less/rcue/font.less b/install/ui/less/rcue/font.less deleted file mode 100644 index 66976899b..000000000 --- a/install/ui/less/rcue/font.less +++ /dev/null @@ -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; -}
\ No newline at end of file diff --git a/install/ui/less/rcue/forms.less b/install/ui/less/rcue/forms.less deleted file mode 100644 index 36be21d06..000000000 --- a/install/ui/less/rcue/forms.less +++ /dev/null @@ -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; -}
\ No newline at end of file diff --git a/install/ui/less/rcue/navbar.less b/install/ui/less/rcue/navbar.less deleted file mode 100644 index 02b11376a..000000000 --- a/install/ui/less/rcue/navbar.less +++ /dev/null @@ -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; - } -}
\ No newline at end of file diff --git a/install/ui/less/variables.less b/install/ui/less/variables.less index a86ecf707..2adfb27b2 100644 --- a/install/ui/less/variables.less +++ b/install/ui/less/variables.less @@ -1,6 +1 @@ // FreeIPA Less Variables - -// Bootstrap overrides -@font-family-base: "Open Sans", Helvetica, Arial, sans-serif; - -// RCUE overrides
\ No newline at end of file |