zhangchaolei
aae3bfaf3e
* Minor fixes in the Deployment doc Signed-off-by: Michail Kargakis <mkargaki@redhat.com> * add NodeRestriction to admission-controllers (#3842) * Admins Can Configure Zones in Storage Class The PR #38505 (https://github.com/kubernetes/kubernetes/pull/38505) added zones optional parameter to Storage Class for AWS and GCE provisioners. That's why documentation needs to be updated accordingly. * document custom resource definitions * add host paths to psp (#3971) * add host paths to psp * add italics * Update ConfigMap doc to explain TTL-based cache updates (#3989) * Update ConfigMap doc to explain TTL-based cache updates * swap word order Change "When a ConfigMap being already consumed..." to "When a ConfigMap already being consumed..." * Update NetworkPolicy docs for v1 * StorageOS Volume plugin * Update GPU docs * docs: HPA autoscaling/v2alpha1 status conditions This commit documents the new status conditions feature for HPA autoscaling/v2alpha1. It demonstrates how to get the status conditions using `kubectl describe`, and how to interpret them. * Update description about NodeRestriction kubelet node can alse create mirror pods for their own static pods. * adding storage as a supported resource to node allocatable Signed-off-by: Vishnu kannan <vishnuk@google.com> * Add documentation for podpreset opt-out annotation This adds the annotation for having the podpreset admission controller to skip (opt-out) manipulating the pod spec. Also, the annotation format for what presets have acted on a pod has been modified to add a prefix of "podpreset-". The new naming makes it such that there is no chance of collision with the newly introduced opt-out annotation (or future ones yet to be added). Opt-out annotation PR: kubernetes/kubernetes#44965 * Update PDB documentation to explain new field (#3885) * update-docs-pdb * Addressed erictune@'s comments * Fix title and add a TOC to the logging concept page * Patch #4118 for typos * Describe setting coredns server in nameserver resolv chain * Address comments in PR #3997. Comment is in https://github.com/kubernetes/kubernetes.github.io/pull/3997/files/f6eb59c67e28efc298c87b1ef49a96bc6adacd1e#diff-7a14981f3dd8eb203f897ce6c11d9828 * Update task for DaemonSet history and rollback (#4098) * Update task for DaemonSet history and rollback Also remove mentions of templateGeneration field because it's deprecated * Address comments * removed lt and gt as operators (#4152) * removed lt and gt as operators * replace lt and gt for node-affinfity * updated based on bsalamat review * Initial draft of upgrade guide for kubeadm clusters. In-place upgrades are supported between 1.6 and 1.7 releases. Rollback instructions to come in a separate commit. Fixes https://github.com/kubernetes/kubeadm/issues/278 * Add local volume documentation (#4050) * Add local volume documentation * Add PV local volume example * Patch PR #3999 * Add documentation for Stackdriver event exporter * Add documentation about controller metrics * Federation: Add task for setting up placement policies (#4075) * Add task for setting up placement policies * Update version of management sidecar in policy engine deployment * Address @nikhiljindal's comments - Lower case filenames - Comments in policy - Typo fixes - Removed type LoadBalancer from OPA Service * Add example that sets cluster selector Per-@nikhiljindal's suggestion * Fix wording and templating per @chenopis * PodDisruptionBudget documentation Improvements (#4140) * Changes from #3885 Title: Update PDB documentation to explain new field Author: foxish * Added Placeholder Disruptions Concept Guide New file: docs/concepts/workloads/pods/disruptions.md Intented contents: concept for Pod Disruption Budget, cross reference to Eviction and Preemption docs. Linked from: concepts > workloads > pods * Added placeholder Configuring PDB Task New file: docs/tasks/run-application/configure-pdb.md Intented contents: task for writing a Pod Disruption Budget. Linked from: tasks > configuring-applications > configure pdb. * Add refs to the "drain a node" task. * Refactor PDB docs. Move the "Requesting an eviction" section from: docs/tasks/administer-cluster/configure-pod-disruption-budget.md -- which is going away -- to: docs/tasks/administer-cluster/safely-drain-node.md The move is verbatim, except for an introductory sentence. Also added assignees. * Refactor of PDB docs Moved the section: Specifying a PodDisruptionBudget from: docs/tasks/administer-cluster/configure-pod-disruption-budget.md to: docs/tasks/run-application/configure-pdb.md because that former file is going away. Move is verbatim. * Explain how Eviction tools should handle failures * Refactor PDB docs Move text from: docs/tasks/administer-cluster/configure-pod-disruption-budget.md to: docs/concepts/workloads/pods/disruptions.md Delete the now empty: docs/tasks/administer-cluster/configure-pod-disruption-budget.md Added a redirects_from section to the new doc, containing the path of the now-deleted doc, plus all the redirects from the deleted doc. * Expand PDB Concept guide Building on a little content from the old task, greatly expanded the Disruptions concept guide, including an abstract example. * Update creating a pdb Task. * Address review comments. * Fixed for all cody-clark's review comments * Address review comments from mml * Address review comments from maisem * Fix missing backtick * Api and Kubectl reference docs updates for 1.7 (#4193) * Fix includes groups * Generated kubectl docs for 1.7 * Generated references docs for 1.7 api * Document node authorization mode * API Aggregator (#4173) * API Aggregator * Additional bullet points * incorporated feedback for apiserver-aggregation.md * split setup-api-aggregator.md into two docs and address feedback * fix link * addressed docs feedback * incorporate feedback * integrate feedback * Add documentation for DNS stub domains (#4063) * Add documentation for DNS stub domains * add additional prereq * fix image path * review feedback * minor grammar and style nits * documentation for using hostAliases to manage hosts file (#4080) * documentation for using hostAliases to manage hosts file * add to table of contents * review comments * update the right command to see hosts file * reformat doc based on suggestion and change some wording * Fix typo for #4080 * Patch PR #4063 * Fix wording in placement policy task introduction * Add update to statefulset concepts and basic tutorial (#4174) * Add update to statefulset concpets and basic tutorial * Address tech comments. * Update ESIPP docs for new added API fields * Custom resource docs * update audit document with advanced audit features added in 1.7 * kubeadm v1.7 documentation updates (#4018) * v1.7 updates for kubeadm * Address review comments * Address Luke's comments * Encrypting secrets at rest and cluster security guide * Edits for Custom DNS Documentation (#4207) * reorganize custom dns doc * format fixes * Update version numbers to 1.7 * Patch PR #4140 (#4215) * Patch PR #4140 * fix link and typos * Update PR template * Update TLS bootstrapping with 1.7 features This includes documenting the new CSR approver built into the controller manager and the kubelet alpha features for certificate rotation. Since the CSR approver changed over the 1.7 release cycle we need to call out the migration steps for those using the alpha feature. This document as a whole could probably use some updates, but the main focus of this PR is just to get these features minimally documented before the release. * Federated ClusterSelector formatting updates from review * complete PR #4181 (#4223) * complete PR #4181 * fix security link * Extensible admission controller (#4092) * extensible-admission-controllers * Update extensible-admission-controllers.md * more on initializers * fixes * Expand external admission webhooks documentation * wrap at 80 chars * more * add reference * Use correct apigroup for network policy * Docs changes to PR #4092 (#4224) * Docs changes to PR #4092 * address feedback * add doc for --as-group in cli Add doc for this pr: https://github.com/kubernetes/kubernetes/pull/43696
870 lines
27 KiB
Plaintext
870 lines
27 KiB
Plaintext
//
|
|
// Variables
|
|
// --------------------------------------------------
|
|
|
|
|
|
//== Colors
|
|
//
|
|
//## Gray and brand colors for use across Bootstrap.
|
|
|
|
@gray-base: #000;
|
|
@gray-darker: lighten(@gray-base, 13.5%); // #222
|
|
@gray-dark: lighten(@gray-base, 20%); // #333
|
|
@gray: lighten(@gray-base, 33.5%); // #555
|
|
@gray-light: lighten(@gray-base, 46.7%); // #777
|
|
@gray-lighter: lighten(@gray-base, 93.5%); // #eee
|
|
|
|
@brand-primary: darken(#428bca, 6.5%); // #337ab7
|
|
@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%);
|
|
//** Link hover decoration.
|
|
@link-hover-decoration: underline;
|
|
|
|
|
|
//== 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 location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
|
|
|
//** Load fonts from this directory.
|
|
@icon-font-path: "../fonts/";
|
|
//** File name for all font files.
|
|
@icon-font-name: "glyphicons-halflings-regular";
|
|
//** Element ID within SVG icon file.
|
|
@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.3333333; // extra decimals for Win 8.1 Chrome
|
|
@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 indicate 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;
|
|
|
|
// Allows for customizing button radius independently from global border radius
|
|
@btn-border-radius-base: @border-radius-base;
|
|
@btn-border-radius-large: @border-radius-large;
|
|
@btn-border-radius-small: @border-radius-small;
|
|
|
|
|
|
//== 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;
|
|
|
|
// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
|
|
//** Default `.form-control` border radius
|
|
// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
|
@input-border-radius: @border-radius-base;
|
|
//** Large `.form-control` border radius
|
|
@input-border-radius-large: @border-radius-large;
|
|
//** Small `.form-control` border radius
|
|
@input-border-radius-small: @border-radius-small;
|
|
|
|
//** Border color for inputs on focus
|
|
@input-border-focus: #66afe9;
|
|
|
|
//** Placeholder text color
|
|
@input-color-placeholder: #999;
|
|
|
|
//** 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);
|
|
|
|
//** `.form-group` margin
|
|
@form-group-margin-bottom: 15px;
|
|
|
|
@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;
|
|
|
|
//** Disabled cursor for form controls and buttons.
|
|
@cursor-disabled: not-allowed;
|
|
|
|
|
|
//== 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;
|
|
|
|
//** 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: 1060;
|
|
@zindex-tooltip: 1070;
|
|
@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
|
|
//** Deprecated `@screen-xs` as of v3.0.1
|
|
@screen-xs: 480px;
|
|
//** Deprecated `@screen-xs-min` as of v3.2.0
|
|
@screen-xs-min: @screen-xs;
|
|
//** Deprecated `@screen-phone` as of v3.0.1
|
|
@screen-phone: @screen-xs-min;
|
|
|
|
// Small screen / tablet
|
|
//** Deprecated `@screen-sm` as of v3.0.1
|
|
@screen-sm: 768px;
|
|
@screen-sm-min: @screen-sm;
|
|
//** Deprecated `@screen-tablet` as of v3.0.1
|
|
@screen-tablet: @screen-sm-min;
|
|
|
|
// Medium screen / desktop
|
|
//** Deprecated `@screen-md` as of v3.0.1
|
|
@screen-md: 992px;
|
|
@screen-md-min: @screen-md;
|
|
//** Deprecated `@screen-desktop` as of v3.0.1
|
|
@screen-desktop: @screen-md-min;
|
|
|
|
// Large screen / wide desktop
|
|
//** Deprecated `@screen-lg` as of v3.0.1
|
|
@screen-lg: 1200px;
|
|
@screen-lg-min: @screen-lg;
|
|
//** Deprecated `@screen-lg-desktop` as of v3.0.1
|
|
@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: lighten(@gray-light, 15%);
|
|
@navbar-inverse-bg: #222;
|
|
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
|
|
|
// Inverted navbar links
|
|
@navbar-inverse-link-color: lighten(@gray-light, 15%);
|
|
@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;
|
|
|
|
//== 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));
|
|
@jumbotron-heading-font-size: ceil((@font-size-base * 4.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: @popover-bg;
|
|
|
|
//** 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: 15px;
|
|
|
|
//** 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;
|
|
//** Variable for setting rounded corners on progress bar.
|
|
@progress-border-radius: @border-radius-base;
|
|
|
|
//** 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 items on hover
|
|
@list-group-hover-bg: #f5f5f5;
|
|
//** Text color of active list items
|
|
@list-group-active-color: @component-active-color;
|
|
//** Background color of active list items
|
|
@list-group-active-bg: @component-active-bg;
|
|
//** Border color of active list elements
|
|
@list-group-active-border: @list-group-active-bg;
|
|
//** Text color for content within active list items
|
|
@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
|
|
|
|
//** Text color of disabled list items
|
|
@list-group-disabled-color: @gray-light;
|
|
//** Background color of disabled list items
|
|
@list-group-disabled-bg: @gray-lighter;
|
|
//** Text color for content within disabled list items
|
|
@list-group-disabled-text-color: @list-group-disabled-color;
|
|
|
|
@list-group-link-color: #555;
|
|
@list-group-link-hover-color: @list-group-link-color;
|
|
@list-group-link-heading-color: #333;
|
|
|
|
|
|
//== Panels
|
|
//
|
|
//##
|
|
|
|
@panel-bg: #fff;
|
|
@panel-body-padding: 15px;
|
|
@panel-heading-padding: 10px 15px;
|
|
@panel-footer-padding: @panel-heading-padding;
|
|
@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
|
|
//
|
|
//##
|
|
|
|
//** Horizontal offset for forms and lists.
|
|
@component-offset-horizontal: 180px;
|
|
//** 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;
|
|
//** Width of horizontal description list titles
|
|
@dl-horizontal-offset: @component-offset-horizontal;
|
|
//** Point at which .dl-horizontal becomes horizontal
|
|
@dl-horizontal-breakpoint: @grid-float-breakpoint;
|
|
//** Horizontal line color.
|
|
@hr-border: @gray-lighter;
|