`, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
$font-size-base: 14px !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5: $font-size-base !default;
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
//** Unit-less `line-height` for use in components like buttons.
$line-height-base: 1.428571429 !default; // 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)) !default; // ~20px
//** By default, this inherits from the ``.
$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.1 !default;
$headings-color: inherit !default;
//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
//** Load fonts from this directory.
// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
//** File name for all font files.
$icon-font-name: "glyphicons-halflings-regular" !default;
//** Element ID within SVG icon file.
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
//== 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 !default;
$padding-base-horizontal: 12px !default;
$padding-large-vertical: 10px !default;
$padding-large-horizontal: 16px !default;
$padding-small-vertical: 5px !default;
$padding-small-horizontal: 10px !default;
$padding-xs-vertical: 1px !default;
$padding-xs-horizontal: 5px !default;
$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small: 1.5 !default;
$border-radius-base: 4px !default;
$border-radius-large: 6px !default;
$border-radius-small: 3px !default;
//** Global color for active items (e.g., navs or dropdowns).
$component-active-color: #fff !default;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg: $brand-primary !default;
//** Width of the `border` for generating carets that indicator dropdowns.
$caret-width-base: 4px !default;
//** Carets increase slightly in size for larger components.
$caret-width-large: 5px !default;
//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.
//** Padding for ``s and ` `s.
$table-cell-padding: 8px !default;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding: 5px !default;
//** Default background color used for all tables.
$table-bg: transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent: #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover: #f5f5f5 !default;
$table-bg-active: $table-bg-hover !default;
//** Border color for table and cell borders.
$table-border-color: #ddd !default;
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal !default;
$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-border: #ccc !default;
$btn-primary-color: #fff !default;
$btn-primary-bg: $brand-primary !default;
$btn-primary-border: darken($btn-primary-bg, 5%) !default;
$btn-success-color: #fff !default;
$btn-success-bg: $brand-success !default;
$btn-success-border: darken($btn-success-bg, 5%) !default;
$btn-info-color: #fff !default;
$btn-info-bg: $brand-info !default;
$btn-info-border: darken($btn-info-bg, 5%) !default;
$btn-warning-color: #fff !default;
$btn-warning-bg: $brand-warning !default;
$btn-warning-border: darken($btn-warning-bg, 5%) !default;
$btn-danger-color: #fff !default;
$btn-danger-bg: $brand-danger !default;
$btn-danger-border: darken($btn-danger-bg, 5%) !default;
$btn-link-disabled-color: $gray-light !default;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``s in CSS.
$input-border-radius: $border-radius-base !default;
//** Large `.form-control` border radius
$input-border-radius-large: $border-radius-large !default;
//** Small `.form-control` border radius
$input-border-radius-small: $border-radius-small !default;
//** Border color for inputs on focus
$input-border-focus: #66afe9 !default;
//** Placeholder text color
$input-color-placeholder: #999 !default;
//** Default `.form-control` height
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
//** Large `.form-control` height
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
//** Small `.form-control` height
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
//** `.form-group` margin
$form-group-margin-bottom: 15px !default;
$legend-color: $gray-dark !default;
$legend-border-color: #e5e5e5 !default;
//** Background color for textual input addons
$input-group-addon-bg: $gray-lighter !default;
//** Border color for textual input addons
$input-group-addon-border-color: $input-border !default;
//** Disabled cursor for form controls and buttons.
$cursor-disabled: not-allowed !default;
//== Dropdowns
//
//## Dropdown menu container and contents.
//** Background for the dropdown menu.
$dropdown-bg: #fff !default;
//** Dropdown menu `border-color`.
$dropdown-border: rgba(0,0,0,.15) !default;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: #ccc !default;
//** Divider color for between dropdown items.
$dropdown-divider-bg: #e5e5e5 !default;
//** Dropdown link text color.
$dropdown-link-color: $gray-dark !default;
//** Hover color for dropdown links.
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: #f5f5f5 !default;
//** Active dropdown menu item text color.
$dropdown-link-active-color: $component-active-color !default;
//** Active dropdown menu item background color.
$dropdown-link-active-bg: $component-active-bg !default;
//** Disabled dropdown menu item background color.
$dropdown-link-disabled-color: $gray-light !default;
//** Text color for headers within dropdown menus.
$dropdown-header-color: $gray-light !default;
//** Deprecated `$dropdown-caret-color` as of v3.1.0
$dropdown-caret-color: #000 !default;
//-- 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 !default;
$zindex-dropdown: 1000 !default;
$zindex-popover: 1060 !default;
$zindex-tooltip: 1070 !default;
$zindex-navbar-fixed: 1030 !default;
$zindex-modal-background: 1040 !default;
$zindex-modal: 1050 !default;
//== 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 !default;
//** Deprecated `$screen-xs-min` as of v3.2.0
$screen-xs-min: $screen-xs !default;
//** Deprecated `$screen-phone` as of v3.0.1
$screen-phone: $screen-xs-min !default;
// Small screen / tablet
//** Deprecated `$screen-sm` as of v3.0.1
$screen-sm: 768px !default;
$screen-sm-min: $screen-sm !default;
//** Deprecated `$screen-tablet` as of v3.0.1
$screen-tablet: $screen-sm-min !default;
// Medium screen / desktop
//** Deprecated `$screen-md` as of v3.0.1
$screen-md: 992px !default;
$screen-md-min: $screen-md !default;
//** Deprecated `$screen-desktop` as of v3.0.1
$screen-desktop: $screen-md-min !default;
// Large screen / wide desktop
//** Deprecated `$screen-lg` as of v3.0.1
$screen-lg: 1200px !default;
$screen-lg-min: $screen-lg !default;
//** Deprecated `$screen-lg-desktop` as of v3.0.1
$screen-lg-desktop: $screen-lg-min !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max: ($screen-sm-min - 1) !default;
$screen-sm-max: ($screen-md-min - 1) !default;
$screen-md-max: ($screen-lg-min - 1) !default;
//== Grid system
//
//## Define your custom responsive grid.
//** Number of columns in the grid.
$grid-columns: 12 !default;
//** Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width: 30px !default;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint: $screen-sm-min !default;
//** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.
// Small screen / tablet
$container-tablet: (720px + $grid-gutter-width) !default;
//** For `$screen-sm-min` and up.
$container-sm: $container-tablet !default;
// Medium screen / desktop
$container-desktop: (940px + $grid-gutter-width) !default;
//** For `$screen-md-min` and up.
$container-md: $container-desktop !default;
// Large screen / wide desktop
$container-large-desktop: (1140px + $grid-gutter-width) !default;
//** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default;
//== Navbar
//
//##
// Basics of a navbar
$navbar-height: 50px !default;
$navbar-margin-bottom: $line-height-computed !default;
$navbar-border-radius: $border-radius-base !default;
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
$navbar-collapse-max-height: 340px !default;
$navbar-default-color: #777 !default;
$navbar-default-bg: #f8f8f8 !default;
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
// Navbar links
$navbar-default-link-color: #777 !default;
$navbar-default-link-hover-color: #333 !default;
$navbar-default-link-hover-bg: transparent !default;
$navbar-default-link-active-color: #555 !default;
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
$navbar-default-link-disabled-color: #ccc !default;
$navbar-default-link-disabled-bg: transparent !default;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-color !default;
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
$navbar-default-brand-hover-bg: transparent !default;
// Navbar toggle
$navbar-default-toggle-hover-bg: #ddd !default;
$navbar-default-toggle-icon-bar-bg: #888 !default;
$navbar-default-toggle-border-color: #ddd !default;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: lighten($gray-light, 15%) !default;
$navbar-inverse-bg: #222 !default;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
// Inverted navbar links
$navbar-inverse-link-color: lighten($gray-light, 15%) !default;
$navbar-inverse-link-hover-color: #fff !default;
$navbar-inverse-link-hover-bg: transparent !default;
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
$navbar-inverse-link-disabled-color: #444 !default;
$navbar-inverse-link-disabled-bg: transparent !default;
// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
$navbar-inverse-brand-hover-color: #fff !default;
$navbar-inverse-brand-hover-bg: transparent !default;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: #333 !default;
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
$navbar-inverse-toggle-border-color: #333 !default;
//== Navs
//
//##
//=== Shared nav styles
$nav-link-padding: 10px 15px !default;
$nav-link-hover-bg: $gray-lighter !default;
$nav-disabled-link-color: $gray-light !default;
$nav-disabled-link-hover-color: $gray-light !default;
//== Tabs
$nav-tabs-border-color: #ddd !default;
$nav-tabs-link-hover-border-color: $gray-lighter !default;
$nav-tabs-active-link-hover-bg: $body-bg !default;
$nav-tabs-active-link-hover-color: $gray !default;
$nav-tabs-active-link-hover-border-color: #ddd !default;
$nav-tabs-justified-link-border-color: #ddd !default;
$nav-tabs-justified-active-link-border-color: $body-bg !default;
//== Pills
$nav-pills-border-radius: $border-radius-base !default;
$nav-pills-active-link-hover-bg: $component-active-bg !default;
$nav-pills-active-link-hover-color: $component-active-color !default;
//== Pagination
//
//##
$pagination-color: $link-color !default;
$pagination-bg: #fff !default;
$pagination-border: #ddd !default;
$pagination-hover-color: $link-hover-color !default;
$pagination-hover-bg: $gray-lighter !default;
$pagination-hover-border: #ddd !default;
$pagination-active-color: #fff !default;
$pagination-active-bg: $brand-primary !default;
$pagination-active-border: $brand-primary !default;
$pagination-disabled-color: $gray-light !default;
$pagination-disabled-bg: #fff !default;
$pagination-disabled-border: #ddd !default;
//== Pager
//
//##
$pager-bg: $pagination-bg !default;
$pager-border: $pagination-border !default;
$pager-border-radius: 15px !default;
$pager-hover-bg: $pagination-hover-bg !default;
$pager-active-bg: $pagination-active-bg !default;
$pager-active-color: $pagination-active-color !default;
$pager-disabled-color: $pagination-disabled-color !default;
//== Jumbotron
//
//##
$jumbotron-padding: 30px !default;
$jumbotron-color: inherit !default;
$jumbotron-bg: $gray-lighter !default;
$jumbotron-heading-color: inherit !default;
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
$state-success-text: #3c763d !default;
$state-success-bg: #dff0d8 !default;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
$state-info-text: #31708f !default;
$state-info-bg: #d9edf7 !default;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
$state-warning-text: #8a6d3b !default;
$state-warning-bg: #fcf8e3 !default;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
$state-danger-text: #a94442 !default;
$state-danger-bg: #f2dede !default;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
//== Tooltips
//
//##
//** Tooltip max width
$tooltip-max-width: 200px !default;
//** Tooltip text color
$tooltip-color: #fff !default;
//** Tooltip background color
$tooltip-bg: #000 !default;
$tooltip-opacity: .9 !default;
//** Tooltip arrow width
$tooltip-arrow-width: 5px !default;
//** Tooltip arrow color
$tooltip-arrow-color: $tooltip-bg !default;
//== Popovers
//
//##
//** Popover body background color
$popover-bg: #fff !default;
//** Popover maximum width
$popover-max-width: 276px !default;
//** Popover border color
$popover-border-color: rgba(0,0,0,.2) !default;
//** Popover fallback border color
$popover-fallback-border-color: #ccc !default;
//** Popover title background color
$popover-title-bg: darken($popover-bg, 3%) !default;
//** Popover arrow width
$popover-arrow-width: 10px !default;
//** Popover arrow color
$popover-arrow-color: $popover-bg !default;
//** Popover outer arrow width
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
//** Popover outer arrow color
$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
//** Popover outer arrow fallback color
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
//== Labels
//
//##
//** Default label background color
$label-default-bg: $gray-light !default;
//** Primary label background color
$label-primary-bg: $brand-primary !default;
//** Success label background color
$label-success-bg: $brand-success !default;
//** Info label background color
$label-info-bg: $brand-info !default;
//** Warning label background color
$label-warning-bg: $brand-warning !default;
//** Danger label background color
$label-danger-bg: $brand-danger !default;
//** Default label text color
$label-color: #fff !default;
//** Default text color of a linked label
$label-link-hover-color: #fff !default;
//== Modals
//
//##
//** Padding applied to the modal body
$modal-inner-padding: 15px !default;
//** Padding applied to the modal title
$modal-title-padding: 15px !default;
//** Modal title line-height
$modal-title-line-height: $line-height-base !default;
//** Background color of modal content area
$modal-content-bg: #fff !default;
//** Modal content border color
$modal-content-border-color: rgba(0,0,0,.2) !default;
//** Modal content border color **for IE8**
$modal-content-fallback-border-color: #999 !default;
//** Modal backdrop background color
$modal-backdrop-bg: #000 !default;
//** Modal backdrop opacity
$modal-backdrop-opacity: .5 !default;
//** Modal header border color
$modal-header-border-color: #e5e5e5 !default;
//** Modal footer border color
$modal-footer-border-color: $modal-header-border-color !default;
$modal-lg: 900px !default;
$modal-md: 600px !default;
$modal-sm: 300px !default;
//== Alerts
//
//## Define alert colors, border radius, and padding.
$alert-padding: 15px !default;
$alert-border-radius: $border-radius-base !default;
$alert-link-font-weight: bold !default;
$alert-success-bg: $state-success-bg !default;
$alert-success-text: $state-success-text !default;
$alert-success-border: $state-success-border !default;
$alert-info-bg: $state-info-bg !default;
$alert-info-text: $state-info-text !default;
$alert-info-border: $state-info-border !default;
$alert-warning-bg: $state-warning-bg !default;
$alert-warning-text: $state-warning-text !default;
$alert-warning-border: $state-warning-border !default;
$alert-danger-bg: $state-danger-bg !default;
$alert-danger-text: $state-danger-text !default;
$alert-danger-border: $state-danger-border !default;
//== Progress bars
//
//##
//** Background color of the whole progress component
$progress-bg: #f5f5f5 !default;
//** Progress bar text color
$progress-bar-color: #fff !default;
//** Variable for setting rounded corners on progress bar.
$progress-border-radius: $border-radius-base !default;
//** Default progress bar color
$progress-bar-bg: $brand-primary !default;
//** Success progress bar color
$progress-bar-success-bg: $brand-success !default;
//** Warning progress bar color
$progress-bar-warning-bg: $brand-warning !default;
//** Danger progress bar color
$progress-bar-danger-bg: $brand-danger !default;
//** Info progress bar color
$progress-bar-info-bg: $brand-info !default;
//== List group
//
//##
//** Background color on `.list-group-item`
$list-group-bg: #fff !default;
//** `.list-group-item` border color
$list-group-border: #ddd !default;
//** List group border radius
$list-group-border-radius: $border-radius-base !default;
//** Background color of single list items on hover
$list-group-hover-bg: #f5f5f5 !default;
//** Text color of active list items
$list-group-active-color: $component-active-color !default;
//** Background color of active list items
$list-group-active-bg: $component-active-bg !default;
//** Border color of active list elements
$list-group-active-border: $list-group-active-bg !default;
//** Text color for content within active list items
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
//** Text color of disabled list items
$list-group-disabled-color: $gray-light !default;
//** Background color of disabled list items
$list-group-disabled-bg: $gray-lighter !default;
//** Text color for content within disabled list items
$list-group-disabled-text-color: $list-group-disabled-color !default;
$list-group-link-color: #555 !default;
$list-group-link-hover-color: $list-group-link-color !default;
$list-group-link-heading-color: #333 !default;
//== Panels
//
//##
$panel-bg: #fff !default;
$panel-body-padding: 15px !default;
$panel-heading-padding: 10px 15px !default;
$panel-footer-padding: $panel-heading-padding !default;
$panel-border-radius: $border-radius-base !default;
//** Border color for elements within panels
$panel-inner-border: #ddd !default;
$panel-footer-bg: #f5f5f5 !default;
$panel-default-text: $gray-dark !default;
$panel-default-border: #ddd !default;
$panel-default-heading-bg: #f5f5f5 !default;
$panel-primary-text: #fff !default;
$panel-primary-border: $brand-primary !default;
$panel-primary-heading-bg: $brand-primary !default;
$panel-success-text: $state-success-text !default;
$panel-success-border: $state-success-border !default;
$panel-success-heading-bg: $state-success-bg !default;
$panel-info-text: $state-info-text !default;
$panel-info-border: $state-info-border !default;
$panel-info-heading-bg: $state-info-bg !default;
$panel-warning-text: $state-warning-text !default;
$panel-warning-border: $state-warning-border !default;
$panel-warning-heading-bg: $state-warning-bg !default;
$panel-danger-text: $state-danger-text !default;
$panel-danger-border: $state-danger-border !default;
$panel-danger-heading-bg: $state-danger-bg !default;
//== Thumbnails
//
//##
//** Padding around the thumbnail image
$thumbnail-padding: 4px !default;
//** Thumbnail background color
$thumbnail-bg: $body-bg !default;
//** Thumbnail border color
$thumbnail-border: #ddd !default;
//** Thumbnail border radius
$thumbnail-border-radius: $border-radius-base !default;
//** Custom text color for thumbnail captions
$thumbnail-caption-color: $text-color !default;
//** Padding around the thumbnail caption
$thumbnail-caption-padding: 9px !default;
//== Wells
//
//##
$well-bg: #f5f5f5 !default;
$well-border: darken($well-bg, 7%) !default;
//== Badges
//
//##
$badge-color: #fff !default;
//** Linked badge text color on hover
$badge-link-hover-color: #fff !default;
$badge-bg: $gray-light !default;
//** Badge text color in active nav link
$badge-active-color: $link-color !default;
//** Badge background color in active nav link
$badge-active-bg: #fff !default;
$badge-font-weight: bold !default;
$badge-line-height: 1 !default;
$badge-border-radius: 10px !default;
//== Breadcrumbs
//
//##
$breadcrumb-padding-vertical: 8px !default;
$breadcrumb-padding-horizontal: 15px !default;
//** Breadcrumb background color
$breadcrumb-bg: #f5f5f5 !default;
//** Breadcrumb text color
$breadcrumb-color: #ccc !default;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $gray-light !default;
//** Textual separator for between breadcrumb elements
$breadcrumb-separator: "/" !default;
//== Carousel
//
//##
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
$carousel-control-color: #fff !default;
$carousel-control-width: 15% !default;
$carousel-control-opacity: .5 !default;
$carousel-control-font-size: 20px !default;
$carousel-indicator-active-bg: #fff !default;
$carousel-indicator-border-color: #fff !default;
$carousel-caption-color: #fff !default;
//== Close
//
//##
$close-font-weight: bold !default;
$close-color: #000 !default;
$close-text-shadow: 0 1px 0 #fff !default;
//== Code
//
//##
$code-color: #c7254e !default;
$code-bg: #f9f2f4 !default;
$kbd-color: #fff !default;
$kbd-bg: #333 !default;
$pre-bg: #f5f5f5 !default;
$pre-color: $gray-dark !default;
$pre-border-color: #ccc !default;
$pre-scrollable-max-height: 340px !default;
//== Type
//
//##
//** Horizontal offset for forms and lists.
$component-offset-horizontal: 180px !default;
//** Text muted color
$text-muted: $gray-light !default;
//** Abbreviations and acronyms border color
$abbr-border-color: $gray-light !default;
//** Headings small color
$headings-small-color: $gray-light !default;
//** Blockquote small color
$blockquote-small-color: $gray-light !default;
//** Blockquote font size
$blockquote-font-size: ($font-size-base * 1.25) !default;
//** Blockquote border color
$blockquote-border-color: $gray-lighter !default;
//** Page header border color
$page-header-border-color: $gray-lighter !default;
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal !default;
//** Horizontal line color.
$hr-border: $gray-lighter !default;
card_changes_2403:
id: 6380
card_action_id: 7703
field: 3
value: '0'
card_changes_2404:
id: 6387
card_action_id: 7709
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2405:
id: 6388
card_action_id: 7710
field: 0
value: cerulean skin+variables
card_changes_2406:
id: 6389
card_action_id: 7710
field: 1
value: '943'
card_changes_2407:
id: 6390
card_action_id: 7710
field: 2
value: |
// Cerulean 3.3.4
// 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, 60%); // #999
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #2FA4E7;
$brand-success: #73A839;
$brand-info: #033C73;
$brand-warning: #DD5600;
$brand-danger: #C71C22;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: $gray;
//** 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 ``, ``, and ``.
$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 ``.
$headings-font-family: $font-family-base;
$headings-font-weight: 500;
$headings-line-height: 1.1;
$headings-color: #317EAC;
//== 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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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 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 ``s and ` `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: $text-color;
$btn-default-bg: #fff;
$btn-default-border: rgba(0, 0, 0, 0.1);
$btn-primary-color: #fff;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: #fff;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: #fff;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: #fff;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: #fff;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: #ddd;
$navbar-default-bg: $brand-primary;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: #fff;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: darken($navbar-default-bg, 10%);
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: darken($navbar-default-bg, 10%);
$navbar-default-link-disabled-color: #ddd;
$navbar-default-link-disabled-bg: transparent;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-color;
$navbar-default-brand-hover-color: #fff;
$navbar-default-brand-hover-bg: none;
// Navbar toggle
$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 10%);
$navbar-default-toggle-icon-bar-bg: #fff;
$navbar-default-toggle-border-color: darken($navbar-default-bg, 10%);
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-info;
$navbar-inverse-border: darken($navbar-inverse-bg, 5%);
// Inverted navbar links
$navbar-inverse-link-color: #fff;
$navbar-inverse-link-hover-color: #fff;
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 5%);
$navbar-inverse-link-active-color: #fff;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%);
$navbar-inverse-link-disabled-color: #ccc;
$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: none;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 5%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 5%);
//== 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: $gray-light;
$pagination-active-bg: #f5f5f5;
$pagination-active-border: $pagination-hover-border;
$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: $gray-light;
//== 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: #468847;
$state-success-bg: #dff0d8;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #3a87ad;
$state-info-bg: #d9edf7;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #c09853;
$state-warning-bg: #fcf8e3;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #b94a48;
$state-danger-bg: #f2dede;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: 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;
//** 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: $text-color;
$panel-default-border: #ddd;
$panel-default-heading-bg: #f5f5f5;
$panel-primary-text: #fff;
$panel-primary-border: $panel-default-border;
$panel-primary-heading-bg: $brand-primary;
$panel-success-text: $state-success-text;
$panel-success-border: $panel-default-border;
$panel-success-heading-bg: $brand-success;
$panel-info-text: $state-info-text;
$panel-info-border: $panel-default-border;
$panel-info-heading-bg: $brand-info;
$panel-warning-text: $state-warning-text;
$panel-warning-border: $panel-default-border;
$panel-warning-heading-bg: $brand-warning;
$panel-danger-text: $state-danger-text;
$panel-danger-border: $panel-default-border;
$panel-danger-heading-bg: $brand-danger;
//== 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: $brand-primary;
//** 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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2408:
id: 6391
card_action_id: 7710
field: 3
value: '0'
card_changes_2409:
id: 6396
card_action_id: 7714
field: 0
value: style
card_changes_2410:
id: 6397
card_action_id: 7714
field: 1
value: '3'
card_changes_2411:
id: 6398
card_action_id: 7714
field: 2
value: ''
card_changes_2412:
id: 6399
card_action_id: 7714
field: 3
value: '0'
card_changes_2413:
id: 6400
card_action_id: 7713
field: 0
value: cerulean skin+style
card_changes_2414:
id: 6401
card_action_id: 7713
field: 1
value: '943'
card_changes_2415:
id: 6402
card_action_id: 7713
field: 2
value: "// Cerulean 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@mixin
btn-shadow($color){\n @include gradient-vertical-three-colors(lighten($color,
8%), $color, 60%, darken($color, 4%));\n filter: none;\n border-bottom: 1px
solid darken($color, 10%);\n}\n\n// Navbar =====================================================================\n\n.navbar
{\n @include btn-shadow($navbar-default-bg);\n filter: none;\n @include box-shadow(0
1px 10px rgba(0, 0, 0, 0.1));\n\n &-default {\n\n .badge {\n background-color:
#fff;\n color: $navbar-default-bg;\n }\n }\n\n &-inverse {\n @include
gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg,
4%), 60%, darken($navbar-inverse-bg, 2%));\n filter: none;\n border-bottom:
1px solid darken($navbar-inverse-bg, 10%);\n\n .badge {\n background-color:
#fff;\n color: $navbar-inverse-bg;\n }\n }\n\n .navbar-nav > li > a,\n
\ &-brand {\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n }\n}\n\n@media (max-width:
$grid-float-breakpoint-max) {\n\n .navbar {\n\n .dropdown-header {\n color:
#fff;\n }\n }\n}\n\n// Buttons ====================================================================\n\n.btn
{\n\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n\n .caret {\n border-top-color:
#fff;\n }\n}\n\n.btn-default {\n \n @include btn-shadow($btn-default-bg);\n\n
\ &:hover {\n color: $btn-default-color;\n }\n\n .caret {\n border-top-color:
$text-color;\n }\n}\n\n.btn-default {\n @include btn-shadow($btn-default-bg);\n}\n\n.btn-primary
{\n @include btn-shadow($btn-primary-bg);\n}\n\n.btn-success {\n @include btn-shadow($btn-success-bg);\n}\n\n.btn-info
{\n @include btn-shadow($btn-info-bg);\n}\n\n.btn-warning {\n @include btn-shadow($btn-warning-bg);\n}\n\n.btn-danger
{\n @include btn-shadow($btn-danger-bg);\n}\n\n// Typography =================================================================\n\n//
Tables =====================================================================\n\n//
Forms ======================================================================\n\n//
Navs =======================================================================\n\n//
Indicators =================================================================\n\n//
Progress bars ==============================================================\n\n//
Containers =================================================================\n\n.panel-primary,\n.panel-success,\n.panel-warning,\n.panel-danger,\n.panel-info
{\n\n .panel-heading,\n .panel-title {\n color: #fff;\n }\n}\n"
card_changes_2416:
id: 6403
card_action_id: 7713
field: 3
value: '0'
card_changes_2417:
id: 6409
card_action_id: 7718
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2418:
id: 6410
card_action_id: 7719
field: 0
value: cosmo skin+variables
card_changes_2419:
id: 6411
card_action_id: 7719
field: 1
value: '943'
card_changes_2420:
id: 6412
card_action_id: 7719
field: 2
value: |
// Cosmo 3.3.4
// 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, 60%); // #999
$gray-lighter: lighten($gray-base, 90%); // #eee
$brand-primary: #2780E3;
$brand-success: #3FB618;
$brand-info: #9954BB;
$brand-warning: #FF7518;
$brand-danger: #FF0039;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$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: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-sans-serif;
$font-size-base: 15px;
$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 ``.
$headings-font-family: $font-family-base;
$headings-font-weight: 300;
$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: 10px;
$padding-base-horizontal: 18px;
$padding-large-vertical: 18px;
$padding-large-horizontal: 30px;
$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: 0;
$border-radius-large: 0;
$border-radius-small: 0;
//** 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 ``s and ` `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: #fff;
$btn-default-bg: $gray-darker;
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: #fff;
$navbar-default-bg: $gray-darker;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: #fff;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: darken($navbar-default-bg, 10%);
$navbar-default-link-active-color: $navbar-default-link-hover-color;
$navbar-default-link-active-bg: $navbar-default-link-hover-bg;
$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: #fff;
$navbar-default-brand-hover-bg: none;
// Navbar toggle
$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;
$navbar-default-toggle-icon-bar-bg: #fff;
$navbar-default-toggle-border-color: transparent;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: #fff;
$navbar-inverse-link-hover-color: #fff;
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 10%);
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;
$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;
$navbar-inverse-link-disabled-color: #fff;
$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: none;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: transparent;
//== 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: $gray-light;
$pagination-active-bg: #f5f5f5;
$pagination-active-border: #ddd;
$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: $border-radius-base;
$pager-hover-bg: $pagination-hover-bg;
$pager-active-bg: $pagination-active-bg;
$pager-active-color: $pagination-active-color;
$pager-disabled-color: $gray-light;
//== 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: #fff;
$state-success-bg: $brand-success;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #fff;
$state-info-bg: $brand-info;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #fff;
$state-warning-bg: $brand-warning;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #fff;
$state-danger-bg: $brand-danger;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: $btn-default-bg;
//** 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: transparent;
//** 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: #ccc;
//** 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-border;
//** 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: $brand-primary;
//** 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: #fff;
$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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2421:
id: 6413
card_action_id: 7719
field: 3
value: '0'
card_changes_2422:
id: 6418
card_action_id: 7722
field: 0
value: cosmo skin+style
card_changes_2423:
id: 6419
card_action_id: 7722
field: 1
value: '943'
card_changes_2424:
id: 6420
card_action_id: 7722
field: 2
value: "// Cosmo 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700\");\n\n//
Navbar =====================================================================\n\n.navbar
{\n\n &-inverse {\n\n .badge {\n background-color: #fff;\n color:
$brand-primary;\n }\n }\n}\n\n// Buttons ====================================================================\n\n//
Typography =================================================================\n\nbody
{\n -webkit-font-smoothing: antialiased;\n}\n\n.text-primary,\n.text-primary:hover
{\n color: $brand-primary;\n}\n\n.text-success,\n.text-success:hover {\n color:
$brand-success;\n}\n\n.text-danger,\n.text-danger:hover {\n color: $brand-danger;\n}\n\n.text-warning,\n.text-warning:hover
{\n color: $brand-warning;\n}\n\n.text-info,\n.text-info:hover {\n color: $brand-info;\n}\n\n//
Tables =====================================================================\n\ntable,\n.table
{\n\n a:not(.btn) {\n text-decoration: underline;\n }\n\n .dropdown-menu
a {\n text-decoration: none;\n }\n\n .success,\n .warning,\n .danger,\n
\ .info {\n color: #fff;\n\n a {\n color: #fff;\n }\n }\n}\n\n//
Forms ======================================================================\n\n\n.has-warning
{\n .help-block,\n .control-label,\n .form-control-feedback {\n color: $brand-warning;\n
\ }\n\n .form-control,\n .form-control:focus,\n .input-group-addon {\n border:
1px solid $brand-warning;\n }\n}\n\n.has-error {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-danger;\n }\n\n .form-control,\n
\ .form-control:focus,\n .input-group-addon {\n border: 1px solid $brand-danger;\n
\ }\n}\n\n.has-success {\n .help-block,\n .control-label,\n .form-control-feedback
{\n color: $brand-success;\n }\n\n .form-control,\n .form-control:focus,\n
\ .input-group-addon {\n border: 1px solid $brand-success;\n }\n}\n\n// Navs
=======================================================================\n\n.nav-pills
{\n\n & > li > a {\n border-radius: 0;\n }\n}\n\n.dropdown-menu {\n\n &
> li > a:hover,\n & > li > a:focus {\n background-image: none;\n }\n}\n\n//
Indicators =================================================================\n\n.close
{\n text-decoration: none;\n text-shadow: none;\n opacity: 0.4;\n\n &:hover,\n
\ &:focus {\n opacity: 1;\n }\n}\n\n.alert {\n border: none;\n\n .alert-link
{\n text-decoration: underline;\n color: #fff;\n }\n}\n\n.label {\n border-radius:
0;\n}\n\n// Progress bars ==============================================================\n\n.progress
{\n height: 8px;\n @include box-shadow(none);\n .progress-bar {\n font-size:
8px;\n line-height: 8px;\n }\n}\n\n// Containers =================================================================\n\n.panel
{\n &-heading,\n &-footer {\n border-top-right-radius: 0;\n border-top-left-radius:
0;\n }\n\n &-default {\n .close {\n color: $text-color;\n }\n }\n}\n\na.list-group-item
{\n\n &-success {\n &.active {\n background-color: $state-success-bg;\n
\ }\n\n &.active:hover,\n &.active:focus {\n background-color: darken($state-success-bg,
5%);\n }\n }\n\n &-warning {\n &.active {\n background-color: $state-warning-bg;\n
\ }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-warning-bg, 5%);\n }\n }\n\n &-danger {\n &.active {\n background-color:
$state-danger-bg;\n }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-danger-bg, 5%);\n }\n }\n}\n\n.modal {\n .close {\n color:
$text-color;\n }\n}\n\n.popover {\n color: $text-color;\n}\n"
card_changes_2425:
id: 6421
card_action_id: 7722
field: 3
value: '0'
card_changes_2426:
id: 6427
card_action_id: 7726
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2427:
id: 6428
card_action_id: 7727
field: 0
value: cyborg skin+variables
card_changes_2428:
id: 6429
card_action_id: 7727
field: 1
value: '943'
card_changes_2429:
id: 6430
card_action_id: 7727
field: 2
value: |
// Cyborg 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: #222; // #222
$gray-dark: #282828; // #333
$gray: #555; // #555
$gray-light: #888; // #999
$gray-lighter: #ADAFAE; // #eee
$brand-primary: #2A9FD6;
$brand-success: #77B300;
$brand-info: #9933CC;
$brand-warning: #FF8800;
$brand-danger: #CC0000;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #060606;
//** Global text color on ``.
$text-color: $gray-light;
//** Global textual link color.
$link-color: $brand-primary;
//** Link hover color set via `darken()` function.
$link-hover-color: $link-color;
//** Link hover decoration.
$link-hover-decoration: underline;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$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: 56px;
$font-size-h2: 45px;
$font-size-h3: 34px;
$font-size-h4: 24px;
$font-size-h5: 20px;
$font-size-h6: 16px;
//** 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 ``.
$headings-font-family: $font-family-base;
$headings-font-weight: 500;
$headings-line-height: 1.1;
$headings-color: #fff;
//== 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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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 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 ``s and ` `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: darken($gray-darker, 4%);
//** Background color used for `.table-striped`.
$table-bg-accent: darken($table-bg, 6%);
//** Background color used for `.table-hover`.
$table-bg-hover: $gray-dark;
$table-bg-active: $table-bg-hover;
//** Border color for table and cell borders.
$table-border-color: $gray-dark;
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal;
$btn-default-color: #fff;
$btn-default-bg: lighten($gray-dark, 10%);
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$legend-border-color: $gray-dark;
//** 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: $gray-darker;
//** Dropdown menu `border-color`.
$dropdown-border: rgba(255,255,255,0.1);
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: #444;
//** Divider color for between dropdown items.
$dropdown-divider-bg: rgba(255,255,255,0.1);
//** Dropdown link text color.
$dropdown-link-color: #fff;
//** Hover color for dropdown links.
$dropdown-link-hover-color: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: $text-color;
$navbar-default-bg: $body-bg;
$navbar-default-border: $gray-dark;
// Navbar links
$navbar-default-link-color: $text-color;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: transparent;
$navbar-default-link-disabled-color: $gray-light;
$navbar-default-link-disabled-bg: transparent;
// Navbar brand label
$navbar-default-brand-color: #fff;
$navbar-default-brand-hover-color: #fff;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: $gray-dark;
$navbar-default-toggle-icon-bar-bg: #ccc;
$navbar-default-toggle-border-color: $gray-dark;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $gray-light;
$navbar-inverse-bg: $gray-darker;
$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: transparent;
$navbar-inverse-link-disabled-color: #aaa;
$navbar-inverse-link-disabled-bg: transparent;
// Inverted navbar brand label
$navbar-inverse-brand-color: #fff;
$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-darker;
$nav-disabled-link-color: $gray-light;
$nav-disabled-link-hover-color: $gray-light;
//== Tabs
$nav-tabs-border-color: $gray-dark;
$nav-tabs-link-hover-border-color: transparent;
$nav-tabs-active-link-hover-bg: $brand-primary;
$nav-tabs-active-link-hover-color: #fff;
$nav-tabs-active-link-hover-border-color: $gray-dark;
$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: #fff;
$pagination-bg: $gray-darker;
$pagination-border: $gray-dark;
$pagination-hover-color: #fff;
$pagination-hover-bg: $component-active-bg;
$pagination-hover-border: transparent;
$pagination-active-color: #fff;
$pagination-active-bg: $brand-primary;
$pagination-active-border: transparent;
$pagination-disabled-color: $gray-light;
$pagination-disabled-bg: $gray-darker;
$pagination-disabled-border: $gray-dark;
//== 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: $gray-light;
//== Jumbotron
//
//##
$jumbotron-padding: 30px;
$jumbotron-color: inherit;
$jumbotron-bg: darken($gray-darker, 5%);
$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: #fff;
$state-success-bg: $brand-success;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #fff;
$state-info-bg: $brand-info;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #fff;
$state-warning-bg: $brand-warning;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #fff;
$state-danger-bg: $brand-danger;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: lighten($body-bg, 10%);
//** 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: #999;
//** 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: $btn-default-bg;
//** 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: lighten($body-bg, 10%);
//** 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: $gray-dark;
//** 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: $gray-darker;
//** 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: $gray-darker;
//** `.list-group-item` border color
$list-group-border: $gray-dark;
//** List group border radius
$list-group-border-radius: $border-radius-base;
//** Background color of single list items on hover
$list-group-hover-bg: lighten($list-group-bg, 15%);
//** 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: $text-color;
$list-group-link-hover-color: $list-group-link-color;
$list-group-link-heading-color: #fff;
//== Panels
//
//##
$panel-bg: $gray-darker;
$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: $gray-dark;
$panel-footer-bg: lighten($gray-darker, 10%);
$panel-default-text: $text-color;
$panel-default-border: $panel-inner-border;
$panel-default-heading-bg: $panel-footer-bg;
$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: $gray-dark;
//** Thumbnail border color
$thumbnail-border: $gray-dark;
//** 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: darken($gray-darker, 5%);
$well-border: darken($well-bg, 7%);
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $brand-primary;
//** Badge text color in active nav link
$badge-active-color: $brand-primary;
//** 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: $gray-darker;
//** Breadcrumb text color
$breadcrumb-color: #fff;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $text-color;
//** 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;
//** Blockquote font size
$blockquote-font-size: ($font-size-base * 1.25);
//** Blockquote border color
$blockquote-border-color: $gray-dark;
//** Page header border color
$page-header-border-color: $gray-dark;
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal;
//** Horizontal line color.
$hr-border: $gray-dark;
card_changes_2430:
id: 6431
card_action_id: 7727
field: 3
value: '0'
card_changes_2431:
id: 6436
card_action_id: 7730
field: 0
value: cyborg skin+style
card_changes_2432:
id: 6437
card_action_id: 7730
field: 1
value: '943'
card_changes_2433:
id: 6438
card_action_id: 7730
field: 2
value: "// Cyborg 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Roboto:400,700\");\n\n// Navbar =====================================================================\n\n//
Buttons ====================================================================\n\n//
Typography =================================================================\n\n.text-primary,\n.text-primary:hover
{\n color: $brand-primary;\n}\n\n.text-success,\n.text-success:hover {\n color:
$brand-success;\n}\n\n.text-danger,\n.text-danger:hover {\n color: $brand-danger;\n}\n\n.text-warning,\n.text-warning:hover
{\n color: $brand-warning;\n}\n\n.text-info,\n.text-info:hover {\n color: $brand-info;\n}\n\n//
Tables =====================================================================\n\ntable,\n.table
{\n color: #fff;\n\n a:not(.btn) {\n color: #fff;\n text-decoration: underline;\n
\ }\n\n .dropdown-menu a {\n text-decoration: none;\n }\n\n .text-muted
{\n color: $text-muted;\n }\n}\n\n.table-responsive > .table {\n background-color:
$table-bg;\n}\n\n// Forms ======================================================================\n\n.has-warning
{\n .help-block,\n .control-label,\n .form-control-feedback {\n color: $brand-warning;\n
\ }\n\n .form-control,\n .form-control:focus,\n .input-group-addon {\n border-color:
$brand-warning;\n }\n}\n\n.has-error {\n .help-block,\n .control-label,\n .form-control-feedback
{\n color: $brand-danger;\n }\n\n .form-control,\n .form-control:focus,\n
\ .input-group-addon {\n border-color: $brand-danger;\n }\n}\n\n.has-success
{\n .help-block,\n .control-label,\n .form-control-feedback {\n color: $brand-success;\n
\ }\n\n .form-control,\n .form-control:focus,\n .input-group-addon {\n border-color:
$brand-success;\n }\n}\n\nlegend {\n color: #fff;\n}\n\n.input-group-addon {\n
\ background-color: $btn-default-bg;\n}\n\n// Navs =======================================================================\n\n.nav-tabs,\n.nav-pills,\n.breadcrumb,\n.pager
{\n\n a {\n color: #fff;\n }\n}\n\n// Indicators =================================================================\n\n.alert
{\n\n .alert-link,\n a {\n color: $alert-warning-text;\n text-decoration:
underline;\n }\n\n .close {\n text-decoration: none;\n }\n}\n\n.close {\n
\ color: #fff;\n text-decoration: none;\n opacity: 0.4;\n\n &:hover,\n &:focus
{\n color: #fff;\n opacity: 1;\n }\n}\n\n// Progress bars ==============================================================\n\n//
Containers =================================================================\n\na.thumbnail:hover,\na.thumbnail:focus,\na.thumbnail.active
{\n border-color: $thumbnail-border;\n}\n\na.list-group-item {\n\n &.active,\n
\ &.active:hover,\n &.active:focus {\n border-color: $list-group-border;\n
\ }\n\n &-success {\n &.active {\n background-color: $state-success-bg;\n
\ }\n\n &.active:hover,\n &.active:focus {\n background-color: darken($state-success-bg,
5%);\n }\n }\n\n &-warning {\n &.active {\n background-color: $state-warning-bg;\n
\ }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-warning-bg, 5%);\n }\n }\n\n &-danger {\n &.active {\n background-color:
$state-danger-bg;\n }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-danger-bg, 5%);\n }\n }\n}\n\n.jumbotron {\n\n h1, h2, h3,
h4, h5, h6 {\n color: #fff;\n }\n}"
card_changes_2434:
id: 6439
card_action_id: 7730
field: 3
value: '0'
card_changes_2435:
id: 6445
card_action_id: 7734
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2436:
id: 6446
card_action_id: 7735
field: 0
value: darkly skin+variables
card_changes_2437:
id: 6447
card_action_id: 7735
field: 1
value: '943'
card_changes_2438:
id: 6448
card_action_id: 7735
field: 2
value: |
// Darkly 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: lighten($gray-base, 13.5%); // #222
$gray-dark: #303030; // #333
$gray: #464545;
$gray-light: #999; // #999
$gray-lighter: #EBEBEB; // #eee
$brand-primary: #375a7f;
$brand-success: #00bc8c;
$brand-info: #3498DB;
$brand-warning: #F39C12;
$brand-danger: #E74C3C;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: $gray-darker;
//** Global text color on ``.
$text-color: #fff;
//** Global textual link color.
$link-color: desaturate(lighten($brand-success, 10%),10%);
//** Link hover color set via `darken()` function.
$link-hover-color: $link-color;
//** Link hover decoration.
$link-hover-decoration: underline;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-sans-serif;
$font-size-base: 15px;
$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 ``.
$headings-font-family: $font-family-base;
$headings-font-weight: 400;
$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: 10px;
$padding-base-horizontal: 15px;
$padding-large-vertical: 18px;
$padding-large-horizontal: 27px;
$padding-small-vertical: 6px;
$padding-small-horizontal: 9px;
$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-success;
//** 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 ``s and ` `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: lighten($gray-dark, 5%);
//** Background color used for `.table-hover`.
$table-bg-hover: $gray;
$table-bg-active: $table-bg-hover;
//** Border color for table and cell borders.
$table-border-color: $gray;
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal;
$btn-default-color: $text-color;
$btn-default-bg: $gray;
$btn-default-border: $btn-default-bg;
$btn-primary-color: #fff;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-primary-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-success-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-success-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-success-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: #fff;
//** 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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$legend-border-color: transparent;
//** Background color for textual input addons
$input-group-addon-bg: $gray;
//** Border color for textual input addons
$input-group-addon-border-color: transparent;
//** 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: $brand-primary;
//** Hover color for dropdown links.
$dropdown-link-hover-color: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: 60px;
$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: $brand-primary;
$navbar-default-border: transparent;
// Navbar links
$navbar-default-link-color: #fff;
$navbar-default-link-hover-color: $brand-success;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: darken($navbar-default-bg, 10%);
$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: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 10%);
$navbar-default-toggle-icon-bar-bg: #fff;
$navbar-default-toggle-border-color: darken($navbar-default-bg, 10%);
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-success;
$navbar-inverse-border: transparent;
// Inverted navbar links
$navbar-inverse-link-color: $navbar-inverse-color;
$navbar-inverse-link-hover-color: $brand-primary;
$navbar-inverse-link-hover-bg: transparent;
$navbar-inverse-link-active-color: $navbar-inverse-color;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%);
$navbar-inverse-link-disabled-color: #aaa;
$navbar-inverse-link-disabled-bg: transparent;
// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color;
$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color;
$navbar-inverse-brand-hover-bg: transparent;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%);
//== Navs
//
//##
//=== Shared nav styles
$nav-link-padding: 10px 15px;
$nav-link-hover-bg: $gray-dark;
$nav-disabled-link-color: lighten($gray, 10%);
$nav-disabled-link-hover-color: lighten($gray, 10%);
//== Tabs
$nav-tabs-border-color: $gray;
$nav-tabs-link-hover-border-color: $gray;
$nav-tabs-active-link-hover-bg: $body-bg;
$nav-tabs-active-link-hover-color: $brand-success;
$nav-tabs-active-link-hover-border-color: $nav-tabs-link-hover-border-color;
$nav-tabs-justified-link-border-color: $gray-lighter;
$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: #fff;
$pagination-bg: $brand-success;
$pagination-border: transparent;
$pagination-hover-color: #fff;
$pagination-hover-bg: lighten($brand-success, 6%);
$pagination-hover-border: transparent;
$pagination-active-color: #fff;
$pagination-active-bg: lighten($brand-success, 6%);
$pagination-active-border: transparent;
$pagination-disabled-color: #fff;
$pagination-disabled-bg: darken($brand-success, 15%);
$pagination-disabled-border: transparent;
//== 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: #ddd;
//== Jumbotron
//
//##
$jumbotron-padding: 30px;
$jumbotron-color: inherit;
$jumbotron-bg: $gray-dark;
$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: #fff;
$state-success-bg: $brand-success;
$state-success-border: $brand-success;
$state-info-text: #fff;
$state-info-bg: $brand-info;
$state-info-border: $brand-info;
$state-warning-text: #fff;
$state-warning-bg: $brand-warning;
$state-warning-border: $brand-warning;
$state-danger-text: #fff;
$state-danger-bg: $brand-danger;
$state-danger-border: $brand-danger;
//== 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: $gray-dark;
//** 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: #999;
//** 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;
//** 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: $gray-dark;
//** 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: .7;
//** Modal header border color
$modal-header-border-color: $gray;
//** 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: $gray-lighter;
//** 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: $gray-dark;
//** `.list-group-item` border color
$list-group-border: $gray;
//** List group border radius
$list-group-border-radius: $border-radius-base;
//** Background color of single list items on hover
$list-group-hover-bg: transparent;
//** 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: $link-color;
$list-group-link-hover-color: $list-group-link-color;
$list-group-link-heading-color: darken($link-color, 5%);
//== Panels
//
//##
$panel-bg: $gray-dark;
$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: $gray;
$panel-footer-bg: $gray;
$panel-default-text: $text-color;
$panel-default-border: $gray;
$panel-default-heading-bg: $gray-dark;
$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: 2px;
//** Thumbnail background color
$thumbnail-bg: $body-bg;
//** Thumbnail border color
$thumbnail-border: $gray;
//** 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: $gray-dark;
$well-border: transparent;
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $gray;
//** Badge text color in active nav link
$badge-active-color: $brand-primary;
//** 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: $gray;
//** Breadcrumb text color
$breadcrumb-color: $text-color;
//** 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: #fff;
$close-text-shadow: none;
//== Code
//
//##
$code-color: #c7254e;
$code-bg: #f9f2f4;
$kbd-color: #fff;
$kbd-bg: #333;
$pre-bg: $gray-lighter;
$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;
//** Page header border color
$page-header-border-color: transparent;
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal;
//** Horizontal line color.
$hr-border: $gray;
card_changes_2439:
id: 6449
card_action_id: 7735
field: 3
value: '0'
card_changes_2440:
id: 6454
card_action_id: 7738
field: 0
value: darkly skin+style
card_changes_2441:
id: 6455
card_action_id: 7738
field: 1
value: '943'
card_changes_2442:
id: 6456
card_action_id: 7738
field: 2
value: "// Darkly 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Lato:400,700,400italic\");\n\n// Navbar
=====================================================================\n\n.navbar
{\n border-width: 0;\n\n &-default {\n\n .badge {\n background-color:
#fff;\n color: $navbar-default-bg;\n }\n }\n\n &-inverse {\n\n .badge
{\n background-color: #fff;\n color: $navbar-inverse-bg;\n }\n }\n\n
\ &-brand {\n line-height: 1;\n }\n\n &-form {\n .form-control {\n background-color:
white;\n\n &:focus {\n border-color: white;\n }\n }\n }\n}\n\n//
Buttons ====================================================================\n\n.btn:active
{\n @include box-shadow(none);\n}\n\n.btn-group.open .dropdown-toggle {\n @include
box-shadow(none);\n}\n\n// Typography =================================================================\n\n.text-primary,\n.text-primary:hover
{\n color: lighten($brand-primary, 10%);\n}\n\n.text-success,\n.text-success:hover
{\n color: $brand-success;\n}\n\n.text-danger,\n.text-danger:hover {\n color:
$brand-danger;\n}\n\n.text-warning,\n.text-warning:hover {\n color: $brand-warning;\n}\n\n.text-info,\n.text-info:hover
{\n color: $brand-info;\n}\n\n// Tables =====================================================================\n\ntable,\n.table
{\n\n a:not(.btn) {\n text-decoration: underline;\n }\n\n .dropdown-menu
a {\n text-decoration: none;\n }\n\n .success,\n .warning,\n .danger,\n
\ .info {\n color: #fff;\n\n > th > a,\n > td > a,\n > a {\n color:
#fff;\n }\n }\n\n > thead > tr > th,\n > tbody > tr > th,\n > tfoot > tr
> th,\n > thead > tr > td,\n > tbody > tr > td,\n > tfoot > tr > td {\n border:
none;\n }\n\n &-bordered > thead > tr > th,\n &-bordered > tbody > tr > th,\n
\ &-bordered > tfoot > tr > th,\n &-bordered > thead > tr > td,\n &-bordered
> tbody > tr > td,\n &-bordered > tfoot > tr > td {\n border: 1px solid $table-border-color;\n
\ }\n}\n\n// Forms ======================================================================\n\ninput,\ntextarea
{\n color: $input-color;\n}\n\n.form-control,\ninput,\ntextarea {\n border:
none;\n @include box-shadow(none);\n\n &:focus {\n @include box-shadow(none);\n
\ }\n}\n\n.has-warning {\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n
\ .radio-inline,\n .checkbox-inline,\n .form-control-feedback {\n color:
$brand-warning;\n }\n\n .form-control,\n .form-control:focus {\n @include
box-shadow(none);\n }\n\n .input-group-addon {\n border-color: $brand-warning;\n
\ }\n}\n\n.has-error {\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n
\ .radio-inline,\n .checkbox-inline,\n .form-control-feedback {\n color:
$brand-danger;\n }\n\n .form-control,\n .form-control:focus {\n @include
box-shadow(none);\n }\n\n .input-group-addon {\n border-color: $brand-danger;\n
\ }\n}\n\n.has-success {\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n
\ .radio-inline,\n .checkbox-inline,\n .form-control-feedback {\n color:
$brand-success;\n }\n\n .form-control,\n .form-control:focus {\n @include
box-shadow(none);\n }\n\n .input-group-addon {\n border-color: $brand-success;\n
\ }\n}\n\n.input-group-addon {\n color: $text-color;\n}\n\n// Navs =======================================================================\n\n.nav
{\n .open > a,\n .open > a:hover,\n .open > a:focus {\n border-color: $nav-tabs-border-color;\n
\ }\n}\n\n.nav-tabs > li > a,\n.nav-pills > li > a {\n color: #fff;\n}\n\n.pager
{\n a,\n a:hover {\n color: #fff;\n }\n\n .disabled {\n &>a,\n &>a:hover,\n
\ &>a:focus,\n &>span {\n background-color: $pagination-disabled-bg;\n
\ }\n }\n}\n\n.breadcrumb a {\n color: #fff;\n}\n\n// Indicators =================================================================\n\n.close
{\n text-decoration: none;\n text-shadow: none;\n opacity: 0.4;\n\n &:hover,\n
\ &:focus {\n opacity: 1;\n }\n}\n\n.alert {\n .alert-link {\n color:
#fff;\n text-decoration: underline;\n }\n}\n\n// Progress bars ==============================================================\n\n.progress
{\n height: 10px;\n @include box-shadow(none);\n .progress-bar {\n font-size:
10px;\n line-height: 10px;\n }\n}\n\n// Containers =================================================================\n\n.well
{\n @include box-shadow(none);\n}\n\na.list-group-item {\n\n &.active,\n &.active:hover,\n
\ &.active:focus {\n border-color: $list-group-border;\n }\n\n &-success
{\n &.active {\n background-color: $state-success-bg;\n }\n\n &.active:hover,\n
\ &.active:focus {\n background-color: darken($state-success-bg, 5%);\n
\ }\n }\n\n &-warning {\n &.active {\n background-color: $state-warning-bg;\n
\ }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-warning-bg, 5%);\n }\n }\n\n &-danger {\n &.active {\n background-color:
$state-danger-bg;\n }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-danger-bg, 5%);\n }\n }\n}\n\n.popover {\n color: $text-color;\n}\n\n.panel-default
> .panel-heading {\n background-color: $panel-footer-bg;\n}\n"
card_changes_2443:
id: 6457
card_action_id: 7738
field: 3
value: '0'
card_changes_2444:
id: 6463
card_action_id: 7742
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2445:
id: 6464
card_action_id: 7743
field: 0
value: flatly skin+variables
card_changes_2446:
id: 6465
card_action_id: 7743
field: 1
value: '943'
card_changes_2447:
id: 6466
card_action_id: 7743
field: 2
value: |
// Flatly 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: lighten($gray-base, 13.5%); // #222
$gray-dark: #7b8a8b; // #333
$gray: #95a5a6; // #555
$gray-light: #b4bcc2; // #999
$gray-lighter: #ecf0f1; // #eee
$brand-primary: #2C3E50;
$brand-success: #18BC9C;
$brand-info: #3498DB;
$brand-warning: #F39C12;
$brand-danger: #E74C3C;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: $brand-primary;
//** Global textual link color.
$link-color: $brand-success;
//** Link hover color set via `darken()` function.
$link-hover-color: $link-color;
//** Link hover decoration.
$link-hover-decoration: underline;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-sans-serif;
$font-size-base: 15px;
$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 ``.
$headings-font-family: $font-family-base;
$headings-font-weight: 400;
$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: 10px;
$padding-base-horizontal: 15px;
$padding-large-vertical: 18px;
$padding-large-horizontal: 27px;
$padding-small-vertical: 6px;
$padding-small-horizontal: 9px;
$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 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 ``s and ` `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: $gray-lighter;
$table-bg-active: $table-bg-hover;
//** Border color for table and cell borders.
$table-border-color: $gray-lighter;
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal;
$btn-default-color: #fff;
$btn-default-bg: $gray;
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $brand-primary;
//** Placeholder text color
$input-color-placeholder: #acb6c0;
//** 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: $text-color;
$legend-border-color: transparent;
//** 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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: 60px;
$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: $brand-primary;
$navbar-default-border: transparent;
// Navbar links
$navbar-default-link-color: #fff;
$navbar-default-link-hover-color: $brand-success;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: darken($navbar-default-bg, 10%);
$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: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 10%);
$navbar-default-toggle-icon-bar-bg: #fff;
$navbar-default-toggle-border-color: darken($navbar-default-bg, 10%);
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-success;
$navbar-inverse-border: transparent;
// Inverted navbar links
$navbar-inverse-link-color: #fff;
$navbar-inverse-link-hover-color: $brand-primary;
$navbar-inverse-link-hover-bg: transparent;
$navbar-inverse-link-active-color: #fff;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%);
$navbar-inverse-link-disabled-color: #ccc;
$navbar-inverse-link-disabled-bg: transparent;
// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color;
$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color;
$navbar-inverse-brand-hover-bg: transparent;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%);
//== 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: $gray-lighter;
$nav-tabs-link-hover-border-color: $gray-lighter;
$nav-tabs-active-link-hover-bg: $body-bg;
$nav-tabs-active-link-hover-color: $brand-primary;
$nav-tabs-active-link-hover-border-color: $gray-lighter;
$nav-tabs-justified-link-border-color: $gray-lighter;
$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: #fff;
$pagination-bg: $brand-success;
$pagination-border: transparent;
$pagination-hover-color: #fff;
$pagination-hover-bg: darken($brand-success, 15%);
$pagination-hover-border: transparent;
$pagination-active-color: #fff;
$pagination-active-bg: darken($brand-success, 15%);
$pagination-active-border: transparent;
$pagination-disabled-color: $gray-lighter;
$pagination-disabled-bg: lighten($brand-success, 15%);
$pagination-disabled-border: transparent;
//== 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: #fff;
//== 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: #fff;
$state-success-bg: $brand-success;
$state-success-border: $brand-success;
$state-info-text: #fff;
$state-info-bg: $brand-info;
$state-info-border: $brand-info;
$state-warning-text: #fff;
$state-warning-bg: $brand-warning;
$state-warning-border: $brand-warning;
$state-danger-text: #fff;
$state-danger-bg: $brand-danger;
$state-danger-border: $brand-danger;
//== 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: $btn-default-bg;
//** 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: $gray-lighter;
//** 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: $gray-lighter;
//** List group border radius
$list-group-border-radius: $border-radius-base;
//** Background color of single list items on hover
$list-group-hover-bg: $gray-lighter;
//** 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: $gray-lighter;
$panel-footer-bg: $gray-lighter;
$panel-default-text: $text-color;
$panel-default-border: $gray-lighter;
$panel-default-heading-bg: $gray-lighter;
$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: $gray-lighter;
//** 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: $gray-lighter;
$well-border: transparent;
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $brand-primary;
//** Badge text color in active nav link
$badge-active-color: $brand-primary;
//** 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: $gray-lighter;
//** Breadcrumb text color
$breadcrumb-color: #ccc;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $gray;
//** 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: none;
//== Code
//
//##
$code-color: #c7254e;
$code-bg: #f9f2f4;
$kbd-color: #fff;
$kbd-bg: #333;
$pre-bg: $gray-lighter;
$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: transparent;
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2448:
id: 6467
card_action_id: 7743
field: 3
value: '0'
card_changes_2449:
id: 6472
card_action_id: 7746
field: 0
value: flatly skin+style
card_changes_2450:
id: 6473
card_action_id: 7746
field: 1
value: '943'
card_changes_2451:
id: 6474
card_action_id: 7746
field: 2
value: "// Flatly 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Lato:400,700,400italic\");\n\n// Navbar
=====================================================================\n\n.navbar
{\n border-width: 0;\n\n &-default {\n\n .badge {\n background-color:
#fff;\n color: $navbar-default-bg;\n }\n }\n\n &-inverse {\n\n .badge
{\n background-color: #fff;\n color: $navbar-inverse-bg;\n }\n }\n\n
\ &-brand {\n line-height: 1;\n }\n}\n\n// Buttons ====================================================================\n\n.btn:active
{\n @include box-shadow(none);\n}\n\n.btn-group.open .dropdown-toggle {\n @include
box-shadow(none);\n}\n\n// Typography =================================================================\n\n.text-primary,\n.text-primary:hover
{\n color: $brand-primary;\n}\n\n.text-success,\n.text-success:hover {\n color:
$brand-success;\n}\n\n.text-danger,\n.text-danger:hover {\n color: $brand-danger;\n}\n\n.text-warning,\n.text-warning:hover
{\n color: $brand-warning;\n}\n\n.text-info,\n.text-info:hover {\n color: $brand-info;\n}\n\n//
Tables =====================================================================\n\ntable,\n.table
{\n\n a:not(.btn) {\n text-decoration: underline;\n }\n\n .dropdown-menu
a {\n text-decoration: none;\n }\n\n .success,\n .warning,\n .danger,\n
\ .info {\n color: #fff;\n\n > th > a,\n > td > a,\n > a {\n color:
#fff;\n }\n }\n\n > thead > tr > th,\n > tbody > tr > th,\n > tfoot > tr
> th,\n > thead > tr > td,\n > tbody > tr > td,\n > tfoot > tr > td {\n border:
none;\n }\n\n &-bordered > thead > tr > th,\n &-bordered > tbody > tr > th,\n
\ &-bordered > tfoot > tr > th,\n &-bordered > thead > tr > td,\n &-bordered
> tbody > tr > td,\n &-bordered > tfoot > tr > td {\n border: 1px solid $table-border-color;\n
\ }\n}\n\n// Forms ======================================================================\n\n.form-control,\ninput,
{\n border-width: 2px;\n @include box-shadow(none);\n\n &:focus {\n @include
box-shadow(none);\n }\n}\n\n.has-warning {\n .help-block,\n .control-label,\n
\ .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline,\n .form-control-feedback
{\n color: $brand-warning;\n }\n\n .form-control,\n .form-control:focus
{\n border: 2px solid $brand-warning;\n }\n\n .input-group-addon {\n border-color:
$brand-warning;\n }\n}\n\n.has-error {\n .help-block,\n .control-label,\n .radio,\n
\ .checkbox,\n .radio-inline,\n .checkbox-inline,\n .form-control-feedback
{\n color: $brand-danger;\n }\n\n .form-control,\n .form-control:focus {\n
\ border: 2px solid $brand-danger;\n }\n\n .input-group-addon {\n border-color:
$brand-danger;\n }\n}\n\n.has-success {\n .help-block,\n .control-label,\n
\ .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline,\n .form-control-feedback
{\n color: $brand-success;\n }\n\n .form-control,\n .form-control:focus
{\n border: 2px solid $brand-success;\n }\n\n .input-group-addon {\n border-color:
$brand-success;\n }\n}\n\n// Navs =======================================================================\n\n.nav
{\n .open > a,\n .open > a:hover,\n .open > a:focus {\n border-color: transparent;\n
\ }\n}\n\n.pager {\n a,\n a:hover {\n color: #fff;\n }\n\n .disabled {\n
\ &>a,\n &>a:hover,\n &>a:focus,\n &>span {\n background-color:
$pagination-disabled-bg;\n }\n }\n}\n\n// Indicators =================================================================\n\n.close
{\n color: #fff;\n text-decoration: none;\n opacity: 0.4;\n\n &:hover,\n &:focus
{\n color: #fff;\n opacity: 1;\n }\n}\n\n.alert {\n\n .alert-link {\n
\ color: #fff;\n text-decoration: underline;\n }\n}\n\n// Progress bars
==============================================================\n\n.progress {\n
\ height: 10px;\n @include box-shadow(none);\n .progress-bar {\n font-size:
10px;\n line-height: 10px;\n }\n}\n\n// Containers =================================================================\n\n.well
{\n @include box-shadow(none);\n}\n\na.list-group-item {\n\n &.active,\n &.active:hover,\n
\ &.active:focus {\n border-color: $list-group-border;\n }\n\n &-success
{\n &.active {\n background-color: $state-success-bg;\n }\n\n &.active:hover,\n
\ &.active:focus {\n background-color: darken($state-success-bg, 5%);\n
\ }\n }\n\n &-warning {\n &.active {\n background-color: $state-warning-bg;\n
\ }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-warning-bg, 5%);\n }\n }\n\n &-danger {\n &.active {\n background-color:
$state-danger-bg;\n }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-danger-bg, 5%);\n }\n }\n}\n\n.panel {\n &-default {\n .close
{\n color: $text-color;\n }\n }\n}\n\n.modal {\n .close {\n color:
$text-color;\n }\n}\n\n.popover {\n color: $text-color;\n}\n"
card_changes_2452:
id: 6475
card_action_id: 7746
field: 3
value: '0'
card_changes_2453:
id: 6481
card_action_id: 7750
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2454:
id: 6482
card_action_id: 7751
field: 0
value: journal skin+variables
card_changes_2455:
id: 6483
card_action_id: 7751
field: 1
value: '943'
card_changes_2456:
id: 6484
card_action_id: 7751
field: 2
value: |
// Journal 3.3.4
// 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: #777; // #555
$gray-light: lighten($gray-base, 60%); // #999
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #EB6864;
$brand-success: #22B24C;
$brand-info: #369;
$brand-warning: #F5E625;
$brand-danger: #F57A00;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: $gray;
//** 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: "News Cycle", "Arial Narrow Bold", sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-serif;
$font-size-base: 15px;
$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 ``.
$headings-font-family: $font-family-sans-serif;
$headings-font-weight: 700;
$headings-line-height: 1.1;
$headings-color: #000;
//== 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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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 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 ``s and ` `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: #fff;
$btn-default-bg: $gray-light;
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: 60px;
$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: #000;
$navbar-default-bg: #fff;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: #000;
$navbar-default-link-hover-color: #000;
$navbar-default-link-hover-bg: darken($navbar-default-bg, 6.5%);
$navbar-default-link-active-color: #000;
$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: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: darken($navbar-default-bg, 6.5%);
// Navbar toggle
$navbar-default-toggle-hover-bg: #ddd;
$navbar-default-toggle-icon-bar-bg: #ccc;
$navbar-default-toggle-border-color: #ddd;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: #fff;
$navbar-inverse-link-hover-color: #fff;
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 6.5%);
$navbar-inverse-link-active-color: #fff;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 6.5%);
$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: darken($navbar-inverse-bg, 6.5%);
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%);
//== 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: $gray-light;
$pagination-active-bg: #f5f5f5;
$pagination-active-border: #ddd;
$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: $gray-light;
//== 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: #468847;
$state-success-bg: #dff0d8;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #3a87ad;
$state-info-bg: #d9edf7;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #c09853;
$state-warning-bg: #fcf8e3;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #b94a48;
$state-danger-bg: #f2dede;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: $btn-default-bg;
//** 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;
//** 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: $text-color;
$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: $brand-success;
$panel-success-heading-bg: $brand-success;
$panel-info-text: $state-info-text;
$panel-info-border: $brand-info;
$panel-info-heading-bg: $brand-info;
$panel-warning-text: $state-warning-text;
$panel-warning-border: $brand-warning;
$panel-warning-heading-bg: $brand-warning;
$panel-danger-text: $state-danger-text;
$panel-danger-border: $brand-danger;
$panel-danger-heading-bg: $brand-danger;
//== 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: $link-color;
//** 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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2457:
id: 6485
card_action_id: 7751
field: 3
value: '0'
card_changes_2458:
id: 6490
card_action_id: 7754
field: 0
value: journal skin+style
card_changes_2459:
id: 6491
card_action_id: 7754
field: 1
value: '943'
card_changes_2460:
id: 6492
card_action_id: 7754
field: 2
value: |
// Journal 3.3.4
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=News+Cycle:400,700");
// Navbar =====================================================================
.navbar {
font-size: 18px;
font-family: $font-family-sans-serif;
font-weight: $headings-font-weight;
&-default {
.badge {
background-color: #000;
color: #fff;
}
}
&-inverse {
.badge {
background-color: #fff;
color: $navbar-inverse-bg;
}
}
}
.navbar-brand {
font-size: inherit;
font-weight: $headings-font-weight;
text-transform: uppercase;
}
// Buttons ====================================================================
// Typography =================================================================
// Tables =====================================================================
// Forms ======================================================================
.has-warning {
.help-block,
.control-label,
.form-control-feedback {
color: $brand-danger;
}
.form-control,
.form-control:focus {
border-color: $brand-danger;
}
}
.has-error {
.help-block,
.control-label,
.form-control-feedback {
color: $brand-primary;
}
.form-control,
.form-control:focus {
border-color: $brand-primary;
}
}
.has-success {
.help-block,
.control-label,
.form-control-feedback {
color: $brand-success;
}
.form-control,
.form-control:focus {
border-color: $brand-success;
}
}
// Navs =======================================================================
// Indicators =================================================================
.badge {
padding-bottom: 4px;
vertical-align: 3px;
font-size: 10px;
}
// Progress bars ==============================================================
// Containers =================================================================
.jumbotron {
h1, h2, h3, h4, h5, h6 {
font-family: $font-family-sans-serif;
font-weight: $headings-font-weight;
color: #000;
}
}
.panel {
&-primary,
&-success,
&-warning,
&-danger,
&-info {
.panel-title {
color: #fff;
}
}
}
card_changes_2461:
id: 6493
card_action_id: 7754
field: 3
value: '0'
card_changes_2462:
id: 6499
card_action_id: 7758
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2463:
id: 6500
card_action_id: 7759
field: 0
value: lumen skin+variables
card_changes_2464:
id: 6501
card_action_id: 7759
field: 1
value: '943'
card_changes_2465:
id: 6502
card_action_id: 7759
field: 2
value: |
// Lumen 3.3.4
// 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, 60%); // #999
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #158CBA;
$brand-success: #28B62C;
$brand-info: #75CAEB;
$brand-warning: #FF851B;
$brand-danger: #FF4136;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: $gray;
//** Global textual link color.
$link-color: $brand-primary;
//** Link hover color set via `darken()` function.
$link-hover-color: $link-color;
//** Link hover decoration.
$link-hover-decoration: underline;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$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 ``.
$headings-font-family: inherit;
$headings-font-weight: 400;
$headings-line-height: 1.1;
$headings-color: $gray-dark;
//== 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: 7px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 13px;
$padding-large-horizontal: 16px;
$padding-small-vertical: 4px;
$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: 5px;
$border-radius-small: 2px;
//** 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 ``s and ` `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: $gray;
$btn-default-bg: $gray-lighter;
$btn-default-border: darken($btn-default-bg, 5%);
$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
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $gray-light;
//** Default `.form-control` height
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 4);
//** 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: $input-border;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: #ccc;
//** Divider color for between dropdown items.
$dropdown-divider-bg: $gray-lighter;
//** Dropdown link text color.
$dropdown-link-color: $gray-light;
//** Hover color for dropdown links.
$dropdown-link-hover-color: $gray-dark;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: transparent;
//** 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-lighter;
//** 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: $text-color;
$navbar-default-bg: #f8f8f8;
$navbar-default-border: $input-border;
// Navbar links
$navbar-default-link-color: $gray-light;
$navbar-default-link-hover-color: $gray-dark;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: $navbar-default-link-hover-color;
$navbar-default-link-active-bg: transparent;
$navbar-default-link-disabled-color: $gray-lighter;
$navbar-default-link-disabled-bg: transparent;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-hover-color;
$navbar-default-brand-hover-color: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: #fff;
$navbar-default-toggle-icon-bar-bg: $gray-light;
$navbar-default-toggle-border-color: $gray-lighter;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $gray-light;
$navbar-inverse-bg: #fff;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: $gray-light;
$navbar-inverse-link-hover-color: $gray-dark;
$navbar-inverse-link-hover-bg: transparent;
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;
$navbar-inverse-link-active-bg: transparent;
$navbar-inverse-link-disabled-color: $gray-lighter;
$navbar-inverse-link-disabled-bg: transparent;
// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color;
$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color;
$navbar-inverse-brand-hover-bg: transparent;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: $gray-lighter;
$navbar-inverse-toggle-icon-bar-bg: $gray-light;
$navbar-inverse-toggle-border-color: $gray-lighter;
//== Navs
//
//##
//=== Shared nav styles
$nav-link-padding: 10px 15px;
$nav-link-hover-bg: #fff;
$nav-disabled-link-color: $gray-light;
$nav-disabled-link-hover-color: $gray-light;
//== Tabs
$nav-tabs-border-color: $navbar-default-border;
$nav-tabs-link-hover-border-color: $gray-lighter;
$nav-tabs-active-link-hover-bg: #fff;
$nav-tabs-active-link-hover-color: $gray;
$nav-tabs-active-link-hover-border-color: $nav-tabs-border-color;
$nav-tabs-justified-link-border-color: $nav-tabs-border-color;
$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: $btn-default-color;
$pagination-bg: $btn-default-bg;
$pagination-border: $btn-default-border;
$pagination-hover-color: $pagination-color;
$pagination-hover-bg: $pagination-bg;
$pagination-hover-border: $pagination-border;
$pagination-active-color: #fff;
$pagination-active-bg: $brand-primary;
$pagination-active-border: $btn-primary-border;
$pagination-disabled-color: $gray-light;
$pagination-disabled-bg: $pagination-bg;
$pagination-disabled-border: $pagination-border;
//== 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: #fafafa;
$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: #fff;
$state-success-bg: $brand-success;
$state-success-border: darken($state-success-bg, 4%);
$state-info-text: #fff;
$state-info-bg: $brand-info;
$state-info-border: darken($state-info-bg, 12%);
$state-warning-text: #fff;
$state-warning-bg: $brand-warning;
$state-warning-border: darken($state-warning-bg, 5%);
$state-danger-text: #fff;
$state-danger-bg: $brand-danger;
$state-danger-border: darken($state-danger-bg, 10%);
//== 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: 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: $jumbotron-bg;
//** 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 elements
$list-group-active-bg: $component-active-bg;
//** Background color of active list items
$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: transparent;
$panel-footer-bg: #f5f5f5;
$panel-default-text: $gray-dark;
$panel-default-border: transparent;
$panel-default-heading-bg: #f5f5f5;
$panel-primary-text: #fff;
$panel-primary-border: transparent;
$panel-primary-heading-bg: $brand-primary;
$panel-success-text: $state-success-text;
$panel-success-border: transparent;
$panel-success-heading-bg: $state-success-bg;
$panel-info-text: $state-info-text;
$panel-info-border: transparent;
$panel-info-heading-bg: $state-info-bg;
$panel-warning-text: $state-warning-text;
$panel-warning-border: transparent;
$panel-warning-heading-bg: $state-warning-bg;
$panel-danger-text: $state-danger-text;
$panel-danger-border: transparent;
$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: $gray-lighter;
//** 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: $jumbotron-bg;
$well-border: darken($well-bg, 7%);
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $brand-primary;
//** 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: normal;
$badge-line-height: 1;
$badge-border-radius: 10px;
//== Breadcrumbs
//
//##
$breadcrumb-padding-vertical: 8px;
$breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
$breadcrumb-bg: $well-bg;
//** Breadcrumb text color
$breadcrumb-color: $gray-light;
//** 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: #fff;
$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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2466:
id: 6503
card_action_id: 7759
field: 3
value: '0'
card_changes_2467:
id: 6508
card_action_id: 7762
field: 0
value: lumen skin+style
card_changes_2468:
id: 6509
card_action_id: 7762
field: 1
value: '943'
card_changes_2469:
id: 6510
card_action_id: 7762
field: 2
value: "// Lumen 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic\");\n\n@mixin
shadow($width: 4px){\n border-width: 0 1px $width 1px;\n}\n\n// Navbar =====================================================================\n\n.navbar
\ {\n @include shadow();\n}\n\n// Buttons ====================================================================\n\n.btn
{\n padding: ($padding-base-vertical + 2) $padding-base-horizontal $padding-base-vertical;\n
\ @include shadow();\n font-size: 12px;\n font-weight: bold;\n text-transform:
uppercase;\n\n &:hover {\n margin-top: 1px;\n border-bottom-width: 3px;\n
\ }\n\n &:active {\n margin-top: 2px;\n border-bottom-width: 2px;\n @include
box-shadow(none);\n }\n\n &-lg,\n &-group-lg > .btn {\n padding: ($padding-large-vertical
+ 2) $padding-large-horizontal $padding-large-vertical;\n line-height: 15px;\n
\ }\n\n &-sm,\n &-group-sm > .btn {\n padding: ($padding-small-vertical +
2) $padding-small-horizontal $padding-small-vertical;\n }\n\n &-xs,\n &-group-xs
> .btn {\n padding: ($padding-xs-vertical + 2) $padding-xs-horizontal $padding-xs-vertical;\n
\ }\n\n &-default:hover,\n &-default:focus,\n &-group.open .dropdown-toggle.btn-default
{\n background-color: $btn-default-bg;\n border-color: $btn-default-border;\n
\ }\n\n &-primary:hover,\n &-primary:focus,\n &-group.open .dropdown-toggle.btn-primary
{\n background-color: $btn-primary-bg;\n border-color: $btn-primary-border;\n
\ }\n\n &-success:hover,\n &-success:focus,\n &-group.open .dropdown-toggle.btn-success
{\n background-color: $btn-success-bg;\n border-color: $btn-success-border;\n
\ }\n\n &-info:hover,\n &-info:focus,\n &-group.open .dropdown-toggle.btn-info
{\n background-color: $btn-info-bg;\n border-color: $btn-info-border;\n
\ }\n\n &-warning:hover,\n &-warning:focus,\n &-group.open .dropdown-toggle.btn-warning
{\n background-color: $btn-warning-bg;\n border-color: $btn-warning-border;\n
\ }\n\n &-danger:hover,\n &-danger:focus,\n &-group.open .dropdown-toggle.btn-danger
{\n background-color: $btn-danger-bg;\n border-color: $btn-danger-border;\n
\ }\n\n &-group.open .dropdown-toggle {\n @include box-shadow(none);\n }\n}\n\n.navbar-btn
{\n &:hover {\n margin-top: 8px\n }\n\n &:active {\n margin-top: 9px\n
\ }\n\n &.btn-sm {\n &:hover {\n margin-top: 11px\n }\n\n &:active
{\n margin-top: 12px\n }\n }\n\n &.btn-xs {\n &:hover {\n margin-top:
15px\n }\n\n &:active {\n margin-top: 16px\n }\n }\n}\n\n.btn-group-vertical
{\n .btn + .btn {\n &:hover {\n border-top-width: 1px;\n }\n\n &:active
{\n border-top-width: 2px;\n }\n }\n}\n\n// Typography =================================================================\n\n.text-primary,\n.text-primary:hover
{\n color: $brand-primary;\n}\n\n.text-success,\n.text-success:hover {\n color:
$brand-success;\n}\n\n.text-danger,\n.text-danger:hover {\n color: $brand-danger;\n}\n\n.text-warning,\n.text-warning:hover
{\n color: $brand-warning;\n}\n\n.text-info,\n.text-info:hover {\n color: $brand-info;\n}\n\n//
Tables =====================================================================\n\ntable,\n.table
{\n\n a:not(.btn) {\n text-decoration: underline;\n }\n\n .dropdown-menu
a {\n text-decoration: none;\n }\n\n .success,\n .warning,\n .danger,\n
\ .info {\n color: #fff;\n\n a:not(.btn) {\n color: #fff;\n }\n
\ }\n\n > thead > tr > th,\n > tbody > tr > th,\n > tfoot > tr > th,\n > thead
> tr > td,\n > tbody > tr > td,\n > tfoot > tr > td {\n border-color: transparent;\n
\ }\n}\n\n// Forms ======================================================================\n\n.form-control
{\n @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.075));\n}\n\nlabel {\n
\ font-weight: normal;\n}\n\n.has-warning {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-warning;\n }\n\n .form-control,\n
\ .form-control:focus {\n border: 1px solid $brand-warning;\n @include box-shadow(inset
0 2px 0 rgba(0, 0, 0, 0.075));\n }\n\n .input-group-addon {\n border: 1px
solid $brand-warning;\n }\n}\n\n.has-error {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-danger;\n }\n\n .form-control,\n
\ .form-control:focus {\n border: 1px solid $brand-danger;\n @include box-shadow(inset
0 2px 0 rgba(0, 0, 0, 0.075));\n }\n\n .input-group-addon {\n border: 1px
solid $brand-danger;\n }\n}\n\n.has-success {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-success;\n }\n\n .form-control,\n
\ .form-control:focus {\n border: 1px solid $brand-success;\n @include box-shadow(inset
0 2px 0 rgba(0, 0, 0, 0.075));\n }\n\n .input-group-addon {\n border: 1px
solid $brand-success;\n }\n}\n\n// Navs =======================================================================\n\n.nav
{\n .open > a,\n .open > a:hover,\n .open > a:focus {\n border-color: transparent;\n
\ }\n}\n\n.nav-tabs {\n\n > li > a {\n margin-top: 6px;\n border-color:
$navbar-default-border;\n color: $gray-dark;\n @include transition(all 0.2s
ease-in-out);\n }\n\n > li > a:hover,\n > li > a:focus,\n > li.active > a,\n
\ > li.active > a:hover,\n > li.active > a:focus,\n .open > a,\n .open > a:hover,\n
\ .open > a:focus {\n padding-bottom: ($padding-large-vertical + 3);\n margin-top:
0;\n }\n\n .open > a,\n .open > a:hover,\n .open > a:focus {\n border-color:
$navbar-default-border;\n }\n\n > li.disabled > a:hover,\n > li.disabled >
a:focus {\n padding-top: 10px;\n padding-bottom: 10px;\n margin-top:
6px;\n }\n\n &.nav-justified > li {\n vertical-align: bottom;\n }\n}\n\n.dropdown-menu
{\n margin-top: 0;\n @include shadow();\n border-top-width: 1px;\n @include
box-shadow(none);\n}\n\n.breadcrumb {\n border-color: darken($breadcrumb-bg,
5%);\n border-style: solid;\n @include shadow();\n}\n\n.pagination,\n.pager
{\n\n > li > a,\n > li > span {\n position: relative;\n top: 0;\n @include
shadow();\n color: $pagination-color;\n font-size: 12px;\n font-weight:
bold;\n text-transform: uppercase;\n\n &:hover {\n top: 1px;\n border-bottom-width:
3px;\n }\n\n &:active {\n top: 2px;\n border-bottom-width: 2px;\n
\ }\n }\n\n > .disabled > a,\n > .disabled > span {\n\n &:hover {\n top:
0;\n @include shadow();\n }\n\n &:active {\n top: 0;\n @include
shadow();\n }\n }\n}\n\n.pager {\n\n > li > a,\n > li > span,\n > .disabled
> a,\n > .disabled > span {\n\n &,\n &:hover,\n &:active {\n border-left-width:
2px;\n border-right-width: 2px;\n }\n }\n}\n\n// Indicators =================================================================\n\n.close
{\n color: #fff;\n text-decoration: none;\n opacity: 0.4;\n\n &:hover,\n &:focus
{\n color: #fff;\n opacity: 1;\n }\n}\n\n.alert {\n @include shadow();\n\n
\ .alert-link {\n font-weight: normal;\n color: #fff;\n text-decoration:
underline;\n }\n}\n\n.label {\n font-weight: normal;\n}\n\n// Progress bars
==============================================================\n\n.progress {\n
\ border: 1px solid $navbar-default-border;\n @include box-shadow(inset 0 2px
0 rgba(0, 0, 0, 0.1));\n\n &-bar {\n @include box-shadow(inset 0 -4px 0 rgba(0,
0, 0, 0.15));\n }\n}\n\n// Containers =================================================================\n\n.well
{\n border: 1px solid $navbar-default-border;\n @include box-shadow(inset 0
2px 0 rgba(0, 0, 0, 0.05));\n}\n\na.list-group-item {\n\n &.active,\n &.active:hover,\n
\ &.active:focus {\n border-color: $list-group-border;\n }\n\n &-success
{\n &.active {\n background-color: $state-success-bg;\n }\n\n &.active:hover,\n
\ &.active:focus {\n background-color: darken($state-success-bg, 5%);\n
\ }\n }\n\n &-warning {\n &.active {\n background-color: $state-warning-bg;\n
\ }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-warning-bg, 5%);\n }\n }\n\n &-danger {\n &.active {\n background-color:
$state-danger-bg;\n }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-danger-bg, 5%);\n }\n }\n}\n\n.jumbotron {\n border: 1px solid
$navbar-default-border;\n @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.05));\n}\n\n.panel
{\n border: 1px solid $navbar-default-border;\n @include shadow();\n\n &-default
{\n .close {\n color: $text-color;\n }\n }\n}\n\n.modal {\n .close
{\n color: $text-color;\n }\n}\n\n.popover {\n color: $text-color;\n}\n"
card_changes_2470:
id: 6511
card_action_id: 7762
field: 3
value: '0'
card_changes_2471:
id: 6517
card_action_id: 7766
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2472:
id: 6518
card_action_id: 7767
field: 0
value: paper skin+variables
card_changes_2473:
id: 6519
card_action_id: 7767
field: 1
value: '943'
card_changes_2474:
id: 6520
card_action_id: 7767
field: 2
value: |
// Paper 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: lighten($gray-base, 13.5%); // #222
$gray-dark: #212121;
$gray: #666;
$gray-light: #bbb;
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #2196F3;
$brand-success: #4CAF50;
$brand-info: #9C27B0;
$brand-warning: #ff9800;
$brand-danger: #e51c23;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: $gray;
//** 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: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-sans-serif;
$font-size-base: 13px;
$font-size-large: ceil(($font-size-base * 1.25)); // ~18px
$font-size-small: ceil(($font-size-base * 0.85)); // ~12px
$font-size-h1: 56px;
$font-size-h2: 45px;
$font-size-h3: 34px;
$font-size-h4: 24px;
$font-size-h5: 20px;
$font-size-h6: 14px;
//** Unit-less `line-height` for use in components like buttons.
$line-height-base: 1.846; // 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 ``.
$headings-font-family: inherit;
$headings-font-weight: 400;
$headings-line-height: 1.1;
$headings-color: #444;
//== 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: 16px;
$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: 3px;
$border-radius-large: 3px;
$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 ``s and ` `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: $text-color;
$btn-default-bg: #fff;
$btn-default-border: #eee;
$btn-primary-color: #fff;
$btn-primary-bg: $brand-primary;
$btn-primary-border: transparent;
$btn-success-color: #fff;
$btn-success-bg: $brand-success;
$btn-success-border: transparent;
$btn-info-color: #fff;
$btn-info-bg: $brand-info;
$btn-info-border: transparent;
$btn-warning-color: #fff;
$btn-warning-bg: $brand-warning;
$btn-warning-border: transparent;
$btn-danger-color: #fff;
$btn-danger-bg: $brand-danger;
$btn-danger-border: transparent;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.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: transparent;
//** 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: $text-color;
//** Hover color for dropdown links.
$dropdown-link-hover-color: darken($gray-dark, 5%);
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $gray-lighter;
//** 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: $gray-light;
//-- 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: 64px;
$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: $gray-light;
$navbar-default-bg: #fff;
$navbar-default-border: transparent;
// Navbar links
$navbar-default-link-color: $gray;
$navbar-default-link-hover-color: $gray-dark;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: $gray-dark;
$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: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: transparent;
$navbar-default-toggle-icon-bar-bg: rgba(0,0,0,0.5);
$navbar-default-toggle-border-color: transparent;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $gray-light;
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: transparent;
// Inverted navbar links
$navbar-inverse-link-color: lighten($brand-primary, 30%);
$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: transparent;
$navbar-inverse-toggle-icon-bar-bg: rgba(0,0,0,0.5);
$navbar-inverse-toggle-border-color: transparent;
//== 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: transparent;
$nav-tabs-link-hover-border-color: $gray-lighter;
$nav-tabs-active-link-hover-bg: transparent;
$nav-tabs-active-link-hover-color: $gray;
$nav-tabs-active-link-hover-border-color: transparent;
$nav-tabs-justified-link-border-color: $nav-tabs-border-color;
$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: #f9f9f9;
$jumbotron-heading-color: $headings-color;
$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: $brand-success;
$state-success-bg: #dff0d8;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: $brand-info;
$state-info-bg: #e1bee7;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: $brand-warning;
$state-warning-bg: #ffe0b2;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%);
$state-danger-text: $brand-danger;
$state-danger-bg: #f9bdbb;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%);
//== Tooltips
//
//##
//** Tooltip max width
$tooltip-max-width: 200px;
//** Tooltip text color
$tooltip-color: #fff;
//** Tooltip background color
$tooltip-bg: #727272;
$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: transparent;
//** Popover fallback border color
$popover-fallback-border-color: transparent;
//** 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, 7.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: transparent;
//** 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: transparent;
//** 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: #f9f9f9;
$well-border: transparent;
//== 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: normal;
$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: normal;
$close-color: #000;
$close-text-shadow: none;
//== 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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2475:
id: 6521
card_action_id: 7767
field: 3
value: '0'
card_changes_2476:
id: 6526
card_action_id: 7770
field: 0
value: paper skin+style
card_changes_2477:
id: 6527
card_action_id: 7770
field: 1
value: '943'
card_changes_2478:
id: 6528
card_action_id: 7770
field: 2
value: "// Paper 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Roboto:300,400,500,700\");\n\n// Navbar
=====================================================================\n\n.navbar
{\n border: none;\n @include box-shadow(0 1px 2px rgba(0,0,0,.3));\n\n &-brand
{\n font-size: 24px;\n }\n\n &-inverse {\n .form-control {\n color:
#fff;\n @include placeholder($navbar-inverse-link-color);\n\n &[type=text]
{\n @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);\n\n
\ &:focus {\n @include box-shadow(inset 0 -2px 0 #fff);\n }\n
\ }\n }\n }\n\n &-nav > li > .dropdown-menu {\n margin-top: 2px;\n
\ }\n}\n\n// Buttons ====================================================================\n\n@mixin
btn($class,$bg){\n .btn-#{$class} {\n background-size: 200%;\n background-position:
50%;\n\n &:hover,\n &:active:hover,\n &:focus {\n background-color:
darken($bg, 6%);\n }\n\n &:active {\n background-color: darken($bg,
6%);\n @include gradient-radial(darken($bg, 6%) 10%, $bg 11%);\n background-size:
1000%;\n @include box-shadow(2px 2px 2px rgba(0,0,0,.3));\n }\n }\n}\n\n@include
btn(default,$btn-default-bg);\n@include btn(primary,$btn-primary-bg);\n@include
btn(success,$btn-success-bg);\n@include btn(info,$btn-info-bg);\n@include btn(warning,$btn-warning-bg);\n@include
btn(danger,$btn-danger-bg);\n\n.btn {\n text-transform: uppercase;\n border-right:
none;\n border-bottom: none;\n @include box-shadow(1px 1px 2px rgba(0,0,0,.3));\n
\ @include transition(all 0.2s);\n\n &-link {\n @include box-shadow(none);\n\n
\ &:hover,\n &:focus {\n color: $brand-primary;\n text-decoration:
none;\n }\n }\n\n &-default.disabled {\n border: 1px solid $btn-default-border;\n
\ }\n}\n\n.btn-group {\n .btn + .btn,\n .btn + .btn-group,\n .btn-group + .btn,\n
\ .btn-group + .btn-group {\n margin-left: 0;\n }\n\n &-vertical {\n >
.btn + .btn,\n > .btn + .btn-group,\n > .btn-group + .btn,\n > .btn-group
+ .btn-group {\n margin-top: 0;\n }\n }\n}\n\n// Typography =================================================================\n\nbody
{\n -webkit-font-smoothing: antialiased;\n letter-spacing: .1px;\n text-rendering:
optimizeLegibility;\n}\n\np {\n margin: 0 0 1em;\n}\n\ninput,\nbutton {\n -webkit-font-smoothing:
antialiased;\n letter-spacing: .1px;\n text-rendering: optimizeLegibility;\n}\n\na
{\n @include transition(all 0.2s);\n}\n\n// Tables =====================================================================\n\n//
Forms ======================================================================\n\nlabel
{\n font-weight: normal;\n}\n\ntextarea,\ntextarea.form-control,\ninput.form-control,\ninput[type=text],\ninput[type=password],\ninput[type=email],\ninput[type=number],\n[type=text].form-control,\n[type=password].form-control,\n[type=email].form-control,\n[type=tel].form-control,\n[contenteditable].form-control
{\n padding: 0;\n border: none;\n border-radius: 0;\n -webkit-appearance:
none;\n @include box-shadow(inset 0 -1px 0 #ddd);\n font-size: 16px;\n\n &:focus
{\n @include box-shadow(inset 0 -2px 0 $brand-primary);\n }\n\n &[disabled],\n
\ &[readonly] {\n @include box-shadow(none);\n border-bottom: 1px dotted
#ddd;\n }\n\n &.input {\n &-sm {\n font-size: $font-size-small;\n }\n\n
\ &-lg {\n font-size: $font-size-large;\n }\n }\n}\n\nselect,\nselect.form-control
{\n border: 0;\n border-radius: 0;\n -webkit-appearance: none;\n -moz-appearance:
none;\n appearance: none;\n padding-left: 0;\n padding-right: 0\\9; // remove
padding for < ie9 since default arrow can't be removed\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);\n
\ background-size: 13px;\n background-repeat: no-repeat;\n background-position:
right center;\n @include box-shadow(inset 0 -1px 0 #ddd);\n font-size: 16px;\n
\ line-height: 1.5;\n\n &::-ms-expand {\n display: none;\n }\n\n &.input
{\n &-sm {\n font-size: $font-size-small;\n }\n\n &-lg {\n font-size:
$font-size-large;\n }\n }\n\n &:focus {\n @include box-shadow(inset 0
-2px 0 $brand-primary);\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);\n
\ }\n\n &[multiple] {\n background: none;\n }\n}\n\n.radio,\n.radio-inline,\n.checkbox,\n.checkbox-inline
{\n label {\n padding-left: 25px;\n }\n\n input[type=\"radio\"],\n input[type=\"checkbox\"]
{\n margin-left: -25px;\n }\n}\n\ninput[type=\"radio\"],\n.radio input[type=\"radio\"],\n.radio-inline
input[type=\"radio\"] {\n position: relative;\n margin-top: 5px;\n margin-right:
4px;\n vertical-align: -4px;\n border: none;\n background-color: transparent;\n
\ -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n\n &:focus
{\n outline: none;\n }\n\n &:before,\n &:after {\n content: \"\";\n display:
block;\n width: 18px;\n height: 18px;\n margin-top: -3px;\n border-radius:
50%;\n @include transition(240ms);\n }\n\n &:before {\n position: absolute;\n
\ left: 0;\n top: 0;\n background-color: $brand-primary;\n @include
scale(0);\n }\n\n &:after {\n border: 2px solid $gray;\n }\n\n &:checked:before
{\n @include scale(0.5);\n }\n\n &:disabled:checked:before {\n background-color:
$gray-light;\n }\n\n &:checked:after {\n border-color: $brand-primary;\n
\ }\n\n &:disabled:after,\n &:disabled:checked:after {\n border-color: $gray-light;\n
\ }\n}\n\ninput[type=\"checkbox\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline
input[type=\"checkbox\"] {\n position: relative;\n vertical-align: -4px;\n border:
none;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n\n
\ &:focus {\n outline: none;\n }\n\n &:after {\n content: \"\";\n display:
block;\n width: 18px;\n height: 18px;\n margin-top: -2px;\n margin-right:
5px;\n border: 2px solid $gray;\n border-radius: 2px;\n @include transition(240ms);\n
\ }\n\n &:checked:before {\n content: \"\";\n position: absolute;\n top:
0;\n left: 6px;\n display: table;\n width: 6px;\n height: 12px;\n
\ border: 2px solid #fff;\n border-top-width: 0;\n border-left-width:
0;\n @include rotate(45deg);\n }\n\n &:checked:after {\n background-color:
$brand-primary;\n border-color: $brand-primary;\n }\n\n &:disabled:after
{\n border-color: $gray-light;\n }\n\n &:disabled:checked:after {\n background-color:
$gray-light;\n border-color: transparent;\n }\n}\n\n.has-warning {\n input:not([type=checkbox]),\n
\ .form-control,\n input:not([type=checkbox]):focus,\n .form-control:focus {\n
\ @include box-shadow(inset 0 -2px 0 $brand-warning);\n }\n}\n\n.has-error
{\n input:not([type=checkbox]),\n .form-control,\n input:not([type=checkbox]):focus,\n
\ .form-control:focus {\n @include box-shadow(inset 0 -2px 0 $brand-danger);\n
\ }\n}\n\n.has-success {\n input:not([type=checkbox]),\n .form-control,\n input:not([type=checkbox]):focus,\n
\ .form-control:focus {\n @include box-shadow(inset 0 -2px 0 $brand-success);\n
\ }\n}\n\n// Navs =======================================================================\n\n.nav-tabs
{\n > li > a,\n > li > a:focus {\n margin-right: 0;\n background-color:
transparent;\n border: none;\n color: $navbar-default-link-color;\n @include
box-shadow(inset 0 -1px 0 #ddd);\n @include transition(all 0.2s);\n\n &:hover
{\n background-color: transparent;\n @include box-shadow(inset 0 -2px
0 $brand-primary);\n color: $brand-primary;\n }\n }\n\n & > li.active
> a,\n & > li.active > a:focus {\n border: none;\n @include box-shadow(inset
0 -2px 0 $brand-primary);\n color: $brand-primary;\n\n &:hover {\n border:
none;\n color: $brand-primary;\n }\n }\n\n & > li.disabled > a {\n @include
box-shadow(inset 0 -1px 0 #ddd);\n }\n\n &.nav-justified {\n\n & > li > a,\n
\ & > li > a:hover,\n & > .active > a,\n & > .active > a:hover {\n border:
none;\n }\n }\n\n .dropdown-menu {\n margin-top: 0;\n }\n}\n\n.dropdown-menu
{\n border: none;\n @include box-shadow(0 1px 4px rgba(0,0,0,.3));\n}\n\n//
Indicators =================================================================\n\n.alert
{\n border: none;\n color: #fff;\n\n &-success {\n background-color: $brand-success;\n
\ }\n\n &-info {\n background-color: $brand-info;\n }\n\n &-warning {\n
\ background-color: $brand-warning;\n }\n\n &-danger {\n background-color:
$brand-danger;\n }\n\n a:not(.close),\n .alert-link {\n color: #fff;\n font-weight:
bold;\n }\n\n .close {\n color: #fff;\n }\n}\n\n.badge {\n padding: 3px
6px 5px;\n}\n\n.progress {\n position: relative;\n z-index: 1;\n height: 6px;\n
\ border-radius: 0;\n\n @include box-shadow(none);\n\n &-bar {\n @include
box-shadow(none);\n\n &:last-child {\n border-radius: 0 3px 3px 0;\n }\n\n
\ &:last-child {\n &:before {\n display: block;\n content:
\"\";\n position: absolute;\n width: 100%;\n height: 100%;\n
\ left: 0;\n right: 0;\n z-index: -1;\n background-color:
lighten($progress-bar-bg, 35%);\n }\n }\n \n &-success:last-child.progress-bar:before
{\n background-color: lighten($brand-success, 35%);\n }\n \n &-info:last-child.progress-bar:before
{\n background-color: lighten($brand-info, 45%);\n }\n &-warning:last-child.progress-bar:before
{\n background-color: lighten($brand-warning, 35%);\n }\n \n &-danger:last-child.progress-bar:before
{\n background-color: lighten($brand-danger, 25%);\n }\n }\n}\n\n// Progress
bars ==============================================================\n\n// Containers
=================================================================\n\n.close {\n
\ font-size: 34px;\n font-weight: 300;\n line-height: 24px;\n opacity: 0.6;\n\n
\ &:hover {\n opacity: 1;\n }\n}\n\n.list-group {\n\n &-item {\n padding:
15px;\n }\n\n &-item-text {\n color: $gray-light;\n }\n}\n\n.well {\n border-radius:
0;\n @include box-shadow(none);\n}\n\n.panel {\n border: none;\n border-radius:
2px;\n @include box-shadow(0 1px 4px rgba(0,0,0,.3));\n\n &-heading {\n border-bottom:
none;\n }\n\n &-footer {\n border-top: none;\n }\n\n &-success {\n .panel-heading
{\n background-color: $brand-success;\n }\n\n .panel-title {\n color:
#fff;\n }\n }\n\n &-info {\n .panel-heading {\n background-color:
$brand-info;\n }\n\n .panel-title {\n color: #fff;\n }\n }\n\n
\ &-warning {\n .panel-heading {\n background-color: $brand-warning;\n
\ }\n\n .panel-title {\n color: #fff;\n }\n }\n\n &-danger {\n
\ .panel-heading {\n background-color: $brand-danger;\n }\n\n .panel-title
{\n color: #fff;\n }\n }\n}\n\n.popover {\n border: none;\n @include
box-shadow(0 1px 4px rgba(0,0,0,.3));\n}\n\n.carousel {\n &-caption {\n h1,
h2, h3, h4, h5, h6 {\n color: inherit;\n }\n }\n}\n\n"
card_changes_2479:
id: 6529
card_action_id: 7770
field: 3
value: '0'
card_changes_2480:
id: 6535
card_action_id: 7774
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2481:
id: 6536
card_action_id: 7775
field: 0
value: readable skin+variables
card_changes_2482:
id: 6537
card_action_id: 7775
field: 1
value: '943'
card_changes_2483:
id: 6538
card_action_id: 7775
field: 2
value: |
// Readable 3.3.4
// 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, 70%); // #999
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #4582EC;
$brand-success: #3FAD46;
$brand-info: #5bc0de;
$brand-warning: #f0ad4e;
$brand-danger: #d9534f;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$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, 20%);
//** Link hover decoration.
$link-hover-decoration: underline;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-serif;
$font-size-base: 16px;
$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 ``.
$headings-font-family: $font-family-sans-serif;
$headings-font-weight: bold;
$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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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 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 ``s and ` `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: $text-color;
$btn-default-bg: #fff;
$btn-default-border: #ddd;
$btn-primary-color: #fff;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: #fff;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: #fff;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: #fff;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: #fff;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: 65px;
$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: $text-color;
$navbar-default-bg: $body-bg;
$navbar-default-border: #ddd;
// Navbar links
$navbar-default-link-color: $link-color;
$navbar-default-link-hover-color: $link-color;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: $navbar-default-link-color;
$navbar-default-link-active-bg: transparent;
$navbar-default-link-disabled-color: #333;
$navbar-default-link-disabled-bg: transparent;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-color;
$navbar-default-brand-hover-color: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: #ddd;
$navbar-default-toggle-icon-bar-bg: #ccc;
$navbar-default-toggle-border-color: #ddd;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $text-color;
$navbar-inverse-bg: $body-bg;
$navbar-inverse-border: #ddd;
// Inverted navbar links
$navbar-inverse-link-color: $text-color;
$navbar-inverse-link-hover-color: $text-color;
$navbar-inverse-link-hover-bg: transparent;
$navbar-inverse-link-active-color: $text-color;
$navbar-inverse-link-active-bg: transparent;
$navbar-inverse-link-disabled-color: #ccc;
$navbar-inverse-link-disabled-bg: transparent;
// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color;
$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color;
$navbar-inverse-brand-hover-bg: transparent;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: #ddd;
$navbar-inverse-toggle-icon-bar-bg: #ccc;
$navbar-inverse-toggle-border-color: #ddd;
//== 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: $text-color;
$pagination-bg: #fff;
$pagination-border: #ddd;
$pagination-hover-color: #fff;
$pagination-hover-bg: $brand-primary;
$pagination-hover-border: $brand-primary;
$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: $gray-light;
//== Jumbotron
//
//##
$jumbotron-padding: 30px;
$jumbotron-color: inherit;
$jumbotron-bg: darken($body-bg, 3%);
$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: $brand-success;
$state-success-bg: #dff0d8;
$state-success-border: $brand-success;
$state-info-text: $brand-info;
$state-info-bg: #d9edf7;
$state-info-border: $brand-info;
$state-warning-text: $brand-warning;
$state-warning-bg: #fcf8e3;
$state-warning-border: $brand-warning;
$state-danger-text: $brand-danger;
$state-danger-bg: #f2dede;
$state-danger-border: $brand-danger;
//== 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: $btn-default-bg;
//** 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-border;
$alert-success-text: #fff;
$alert-success-border: $state-success-border;
$alert-info-bg: $state-info-border;
$alert-info-text: #fff;
$alert-info-border: $state-info-border;
$alert-warning-bg: $state-warning-border;
$alert-warning-text: #fff;
$alert-warning-border: $state-warning-border;
$alert-danger-bg: $state-danger-border;
$alert-danger-text: #fff;
$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: #fff;
$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: #fff;
$panel-success-border: $state-success-border;
$panel-success-heading-bg: $state-success-border;
$panel-info-text: #fff;
$panel-info-border: $state-info-border;
$panel-info-heading-bg: $state-info-border;
$panel-warning-text: #fff;
$panel-warning-border: $state-warning-border;
$panel-warning-heading-bg: $state-warning-border;
$panel-danger-text: #fff;
$panel-danger-border: $state-danger-border;
$panel-danger-heading-bg: $state-danger-border;
//== 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: darken($body-bg, 3%);
$well-border: darken($well-bg, 7%);
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $brand-primary;
//** 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: #fff;
$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: $text-color;
//** Blockquote font size
$blockquote-font-size: ($font-size-base * 1.25);
//** Blockquote border color
$blockquote-border-color: $brand-primary;
//** Page header border color
$page-header-border-color: #ddd;
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2484:
id: 6539
card_action_id: 7775
field: 3
value: '0'
card_changes_2485:
id: 6544
card_action_id: 7778
field: 0
value: readable skin+style
card_changes_2486:
id: 6545
card_action_id: 7778
field: 1
value: '943'
card_changes_2487:
id: 6546
card_action_id: 7778
field: 2
value: |
// Readable 3.3.4
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Raleway:400,700");
// Navbar =====================================================================
.navbar {
font-family: $headings-font-family;
&-nav,
&-form {
margin-left: 0;
margin-right: 0;
}
&-nav > li > a {
$margin-vertical: (($navbar-height - 2*$padding-base-vertical - $line-height-computed - 2px) / 2);
padding: $padding-base-vertical $padding-base-horizontal;
margin: $margin-vertical 6px;
border: 1px solid transparent;
border-radius: $border-radius-base;
&:hover {
border: 1px solid #ddd;
}
}
&-nav > .active > a,
&-nav > .active > a:hover {
border: 1px solid #ddd;
}
&-default .navbar-nav > .active > a:hover {
color: $navbar-default-link-hover-color;
}
&-inverse .navbar-nav > .active > a:hover {
color: $navbar-inverse-link-hover-color;
}
&-brand {
padding-top: (($navbar-height - 2*$font-size-large) / 2);
padding-bottom: (($navbar-height - 2*$font-size-large) / 2);
line-height: 1.9;
}
}
@media (max-width: $grid-float-breakpoint) {
.navbar {
.navbar-nav > li > a {
margin: 0;
}
}
}
// Buttons ====================================================================
.btn {
font-family: $headings-font-family;
}
// Typography =================================================================
// Tables =====================================================================
// Forms ======================================================================
legend {
font-family: $headings-font-family;
}
.input-group-addon {
font-family: $font-family-sans-serif;
}
// Navs =======================================================================
.nav {
.open > a,
.open > a:hover,
.open > a:focus {
border: 1px solid #ddd;
}
}
.pagination {
font-family: $headings-font-family;
&-lg > li > a,
&-lg > li > span {
padding: 14px 24px;
}
}
.pager {
font-family: $headings-font-family;
a {
color: $text-color;
}
a:hover {
border-color: transparent;
color: #fff;
}
.disabled a {
border-color: $pager-border;
}
}
// Indicators =================================================================
.close {
color: #fff;
text-decoration: none;
text-shadow: none;
opacity: 0.4;
&:hover,
&:focus {
color: #fff;
opacity: 1;
}
}
.alert {
.alert-link {
color: $alert-success-text;
text-decoration: underline;
}
}
.label {
font-family: $headings-font-family;
font-weight: normal;
&-default {
border: 1px solid #ddd;
color: $text-color;
}
}
.badge {
padding: 1px 7px 5px;
vertical-align: 2px;
font-family: $headings-font-family;
font-weight: normal;
}
// Progress bars ==============================================================
// Containers =================================================================
.panel {
@include box-shadow(none);
&-default {
.close {
color: $text-color;
}
}
}
.modal {
.close {
color: $text-color;
}
}
card_changes_2488:
id: 6547
card_action_id: 7778
field: 3
value: '0'
card_changes_2489:
id: 6553
card_action_id: 7782
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2490:
id: 6554
card_action_id: 7783
field: 0
value: sandstone skin+variables
card_changes_2491:
id: 6555
card_action_id: 7783
field: 1
value: '943'
card_changes_2492:
id: 6556
card_action_id: 7783
field: 2
value: |
// Sandstone 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: #3E3F3A;
$gray-dark: #8E8C84;
$gray: #98978B;
$gray-light: #DFD7CA;
$gray-lighter: #F8F5F0;
$brand-primary: #325D88;
$brand-success: #93C54B;
$brand-info: #29ABE0;
$brand-warning: #F47C3C;
$brand-danger: #d9534f;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: #3E3F3A;
//** Global textual link color.
$link-color: $brand-success;
//** Link hover color set via `darken()` function.
$link-hover-color: darken($link-color, 10%);
//** Link hover decoration.
$link-hover-decoration: underline;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$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 ``.
$headings-font-family: inherit;
$headings-font-weight: 400;
$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: 12px;
$padding-base-horizontal: 16px;
$padding-large-vertical: 20px;
$padding-large-horizontal: 30px;
$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: $gray;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg: $gray-lighter;
//** 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 ``s and ` `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: $gray-lighter;
//** Background color used for `.table-hover`.
$table-bg-hover: $gray-lighter;
$table-bg-active: $table-bg-hover;
//** Border color for table and cell borders.
$table-border-color: $gray-light;
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal;
$btn-default-color: #fff;
$btn-default-bg: $gray-darker;
$btn-default-border: transparent;
$btn-primary-color: #fff;
$btn-primary-bg: $brand-primary;
$btn-primary-border: transparent;
$btn-success-color: #fff;
$btn-success-bg: $brand-success;
$btn-success-border: transparent;
$btn-info-color: #fff;
$btn-info-bg: $brand-info;
$btn-info-border: transparent;
$btn-warning-color: #fff;
$btn-warning-bg: $brand-warning;
$btn-warning-border: transparent;
$btn-danger-color: #fff;
$btn-danger-bg: $brand-danger;
$btn-danger-border: transparent;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: transparent;
//** 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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $headings-color;
$legend-border-color: transparent;
//** 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: $gray-light;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: $gray-light;
//** Divider color for between dropdown items.
$dropdown-divider-bg: $gray-lighter;
//** Dropdown link text color.
$dropdown-link-color: $gray;
//** Hover color for dropdown links.
$dropdown-link-hover-color: $dropdown-link-color;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $gray-lighter;
//** 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: 60px;
$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: $gray-dark;
$navbar-default-bg: $gray-darker;
$navbar-default-border: $gray-darker;
// Navbar links
$navbar-default-link-color: $gray;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: darken($navbar-default-bg, 2%);
$navbar-default-link-disabled-color: #ccc;
$navbar-default-link-disabled-bg: transparent;
// Navbar brand label
$navbar-default-brand-color: #fff;
$navbar-default-brand-hover-color: #fff;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: $navbar-default-link-active-bg;
$navbar-default-toggle-icon-bar-bg: $navbar-default-link-color;
$navbar-default-toggle-border-color: transparent;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $gray-light;
$navbar-inverse-bg: $brand-success;
$navbar-inverse-border: $brand-success;
// Inverted navbar links
$navbar-inverse-link-color: darken($brand-success, 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, 4%);
$navbar-inverse-link-disabled-color: #444;
$navbar-inverse-link-disabled-bg: transparent;
// Inverted navbar brand label
$navbar-inverse-brand-color: #fff;
$navbar-inverse-brand-hover-color: #fff;
$navbar-inverse-brand-hover-bg: transparent;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-active-bg;
$navbar-inverse-toggle-icon-bar-bg: $navbar-inverse-link-color;
$navbar-inverse-toggle-border-color: transparent;
//== 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: $gray-light;
$nav-tabs-link-hover-border-color: $gray-light;
$nav-tabs-active-link-hover-bg: $body-bg;
$nav-tabs-active-link-hover-color: $gray;
$nav-tabs-active-link-hover-border-color: $gray-light;
$nav-tabs-justified-link-border-color: $gray-light;
$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: $gray;
$pagination-bg: $gray-lighter;
$pagination-border: $gray-light;
$pagination-hover-color: $gray-dark;
$pagination-hover-bg: $gray-light;
$pagination-hover-border: $pagination-border;
$pagination-active-color: $gray-dark;
$pagination-active-bg: $gray-light;
$pagination-active-border: $gray-light;
$pagination-disabled-color: $gray-light;
$pagination-disabled-bg: $gray-lighter;
$pagination-disabled-border: $gray-light;
//== 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: $brand-success;
$state-success-bg: #dff0d8;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: $brand-info;
$state-info-bg: #d9edf7;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: $brand-warning;
$state-warning-bg: #fcf8e3;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%);
$state-danger-text: $brand-danger;
$state-danger-bg: #f2dede;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%);
//== Tooltips
//
//##
//** Tooltip max width
$tooltip-max-width: 200px;
//** Tooltip text color
$tooltip-color: #fff;
//** Tooltip background color
$tooltip-bg: $navbar-default-bg;
$tooltip-opacity: 1;
//** 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: $gray-light;
//** Popover fallback border color
$popover-fallback-border-color: $gray-light;
//** Popover title background color
$popover-title-bg: $gray-lighter;
//** 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: $navbar-default-bg;
//** 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: $gray-lighter;
//** Modal content border color **for IE8**
$modal-content-fallback-border-color: $gray-lighter;
//** Modal backdrop background color
$modal-backdrop-bg: #000;
//** Modal backdrop opacity
$modal-backdrop-opacity: .5;
//** Modal header border color
$modal-header-border-color: $gray-lighter;
//** 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: $brand-success;
$alert-success-text: #fff;
$alert-success-border: transparent;
$alert-info-bg: $brand-info;
$alert-info-text: #fff;
$alert-info-border: transparent;
$alert-warning-bg: $brand-warning;
$alert-warning-text: #fff;
$alert-warning-border: transparent;
$alert-danger-bg: $brand-danger;
$alert-danger-text: #fff;
$alert-danger-border: transparent;
//== 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: $gray-light;
//** List group border radius
$list-group-border-radius: $border-radius-base;
//** Background color of single list items on hover
$list-group-hover-bg: $gray-lighter;
//** Text color of active list items
$list-group-active-color: $text-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-border;
//** Text color for content within active list items
$list-group-active-text-color: $text-color;
//** 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: $text-color;
$list-group-link-hover-color: $list-group-link-color;
$list-group-link-heading-color: $headings-color;
//== 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: $gray-light;
$panel-footer-bg: $gray-lighter;
$panel-default-text: $text-color;
$panel-default-border: $gray-light;
$panel-default-heading-bg: $gray-lighter;
$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: $brand-success;
$panel-info-text: $state-info-text;
$panel-info-border: $state-info-border;
$panel-info-heading-bg: $brand-info;
$panel-warning-text: $state-warning-text;
$panel-warning-border: $state-warning-border;
$panel-warning-heading-bg: $brand-warning;
$panel-danger-text: $state-danger-text;
$panel-danger-border: $state-danger-border;
$panel-danger-heading-bg: $brand-danger;
//== Thumbnails
//
//##
//** Padding around the thumbnail image
$thumbnail-padding: 4px;
//** Thumbnail background color
$thumbnail-bg: $gray-lighter;
//** Thumbnail border color
$thumbnail-border: $gray-light;
//** 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: $gray-lighter;
$well-border: transparent;
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $brand-success;
//** Badge text color in active nav link
$badge-active-color: #fff;
//** Badge background color in active nav link
$badge-active-bg: $brand-success;
$badge-font-weight: normal;
$badge-line-height: 1;
$badge-border-radius: 10px;
//== Breadcrumbs
//
//##
$breadcrumb-padding-vertical: 8px;
$breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
$breadcrumb-bg: $gray-lighter;
//** Breadcrumb text color
$breadcrumb-color: $gray-light;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $gray;
//** 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 0 0 transparent;
//== 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;
//** Abbreviations and acronyms border color
$abbr-border-color: $gray;
//** Headings small color
$headings-small-color: $gray;
//** Blockquote small color
$blockquote-small-color: $text-color;
//** Blockquote font size
$blockquote-font-size: ($font-size-base * 1.25);
//** Blockquote border color
$blockquote-border-color: $gray-light;
//** Page header border color
$page-header-border-color: $gray-lighter;
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2493:
id: 6557
card_action_id: 7783
field: 3
value: '0'
card_changes_2494:
id: 6562
card_action_id: 7786
field: 0
value: sandstone skin+style
card_changes_2495:
id: 6563
card_action_id: 7786
field: 1
value: '943'
card_changes_2496:
id: 6564
card_action_id: 7786
field: 2
value: |
// Sandstone 3.3.4
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Roboto:400,500");
// Navbar =====================================================================
.sandstone {
font-size: 11px;
line-height: 22px;
font-weight: 500;
text-transform: uppercase;
}
.navbar {
.nav > li > a {
@extend .sandstone;
}
&-form input,
&-form .form-control {
border: none;
}
}
// Buttons ====================================================================
.btn {
border: none;
@extend .sandstone;
&:hover {
border-color: transparent;
}
&-lg {
line-height: 26px;
}
&-default {
&:hover {
background-color: $navbar-default-link-active-bg;
}
}
}
// Typography =================================================================
// Tables =====================================================================
// Forms ======================================================================
input,
.form-control {
@include box-shadow(none);
&:focus {
border-color: $input-border;
@include box-shadow(none);
}
}
// Navs =======================================================================
.nav {
@extend .sandstone;
.open > a,
.open > a:hover,
.open > a:focus {
border-color: $gray-light;
}
}
.nav-tabs {
& > li > a {
background-color: $gray-lighter;
border-color: $nav-tabs-border-color;
color: $gray;
}
> li.disabled > a:hover {
background-color: $gray-lighter;
}
}
.nav-pills {
a {
color: $gray;
}
li > a {
border: 1px solid transparent;
}
li.active > a,
li > a:hover {
border-color: $gray-light;
}
li.disabled > a {
border-color: transparent;
}
}
.breadcrumb {
@extend .sandstone;
border: 1px solid $gray-light;
a {
color: $gray;
}
}
.pagination {
@extend .sandstone;
}
.pager {
@extend .sandstone;
li > a {
color: $gray;
}
}
.dropdown-menu {
& > li > a {
@extend .sandstone;
}
}
// Indicators =================================================================
.alert {
a,
.alert-link {
color: #fff;
}
}
.tooltip {
@extend .sandstone;
}
// Progress bars ==============================================================
.progress {
border-radius: 10px;
background-color: $gray-light;
@include box-shadow(none);
&-bar {
@include box-shadow(none);
}
}
// Containers =================================================================
.list-group {
&-item {
padding: 16px 24px;
}
}
.well {
@include box-shadow(none);
}
.panel {
@include box-shadow(none);
.panel-heading,
.panel-title {
@extend .sandstone;
color: #fff;
}
.panel-footer {
@extend .sandstone;
}
&-default {
.panel-heading,
.panel-title,
.panel-footer {
color: $gray;
}
}
}
card_changes_2497:
id: 6565
card_action_id: 7786
field: 3
value: '0'
card_changes_2498:
id: 6571
card_action_id: 7790
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2499:
id: 6572
card_action_id: 7791
field: 0
value: simplex skin+variables
card_changes_2500:
id: 6573
card_action_id: 7791
field: 1
value: '943'
card_changes_2501:
id: 6574
card_action_id: 7791
field: 2
value: |
// Simplex 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: lighten($gray-base, 13.5%); // #222
$gray-dark: #444;
$gray: #777;
$gray-light: #808080;
$gray-lighter: #ddd;
$brand-primary: #D9230F;
$brand-success: #469408;
$brand-info: #029ACF;
$brand-warning: #9B479F;
$brand-danger: #D9831F;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #FCFCFC;
//** Global text color on ``.
$text-color: $gray;
//** 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: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-sans-serif;
$font-size-base: 13px;
$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 ``.
$headings-font-family: $font-family-sans-serif;
$headings-font-weight: 300;
$headings-line-height: 1.1;
$headings-color: $gray-dark;
//== 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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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 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 ``s and ` `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: #fff;
$btn-default-bg: #474949;
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $gray-lighter;
//** 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: $text-color;
$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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: 40px;
$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: $gray;
$navbar-default-bg: #fff;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: $gray;
$navbar-default-link-hover-color: $brand-primary;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: $navbar-default-link-hover-color;
$navbar-default-link-active-bg: transparent;
$navbar-default-link-disabled-color: #444;
$navbar-default-link-disabled-bg: transparent;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-color;
$navbar-default-brand-hover-color: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: #ddd;
$navbar-default-toggle-icon-bar-bg: #ccc;
$navbar-default-toggle-border-color: #ddd;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: lighten($brand-primary, 40%);
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: lighten($brand-primary, 40%);
$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: transparent;
$navbar-inverse-link-disabled-color: #ccc;
$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: darken($navbar-inverse-bg, 10%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%);
//== 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: $headings-color;
$pagination-bg: #fff;
$pagination-border: #ddd;
$pagination-hover-color: #fff;
$pagination-hover-bg: $brand-primary;
$pagination-hover-border: $brand-primary;
$pagination-active-color: #fff;
$pagination-active-bg: $brand-primary;
$pagination-active-border: $brand-primary;
$pagination-disabled-color: $gray-lighter;
$pagination-disabled-bg: #fff;
$pagination-disabled-border: #ddd;
//== Pager
//
//##
$pager-bg: $pagination-bg;
$pager-border: $pagination-border;
$pager-border-radius: 15px;
$pager-hover-bg: $brand-primary;
$pager-active-bg: $brand-primary;
$pager-active-color: #fff;
$pager-disabled-color: $gray-lighter;
//== Jumbotron
//
//##
$jumbotron-padding: 30px;
$jumbotron-color: inherit;
$jumbotron-bg: darken($body-bg, 3%);
$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: #468847;
$state-success-bg: #dff0d8;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #3a87ad;
$state-info-bg: #d9edf7;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #c09853;
$state-warning-bg: #fcf8e3;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #b94a48;
$state-danger-bg: #f2dede;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: $btn-default-bg;
//** 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;
//** 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: $body-bg;
$panel-default-text: $gray-dark;
$panel-default-border: #ddd;
$panel-default-heading-bg: $panel-footer-bg;
$panel-primary-text: #fff;
$panel-primary-border: $brand-primary;
$panel-primary-heading-bg: $brand-primary;
$panel-success-text: #fff;
$panel-success-border: $brand-success;
$panel-success-heading-bg: $brand-success;
$panel-info-text: #fff;
$panel-info-border: $brand-info;
$panel-info-heading-bg: $brand-info;
$panel-warning-text: #fff;
$panel-warning-border: $brand-warning;
$panel-warning-heading-bg: $brand-warning;
$panel-danger-text: #fff;
$panel-danger-border: $brand-danger;
$panel-danger-heading-bg: $brand-danger;
//== 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: darken($body-bg, 3%);
$well-border: darken($well-bg, 7%);
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $link-color;
//** 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: transparent;
//** 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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2502:
id: 6575
card_action_id: 7791
field: 3
value: '0'
card_changes_2503:
id: 6580
card_action_id: 7794
field: 0
value: simplex skin+style
card_changes_2504:
id: 6581
card_action_id: 7794
field: 1
value: '943'
card_changes_2505:
id: 6582
card_action_id: 7794
field: 2
value: |-
// Simplex 3.3.4
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700");
@mixin btn-shadow($color){
@include gradient-vertical-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%));
filter: none;
border: 1px solid darken($color, 10%);
}
// Navbar =====================================================================
.navbar {
&-inverse {
.badge {
background-color: #fff;
color: $brand-primary;
}
}
}
// Buttons ====================================================================
.btn {
font-family: $headings-font-family;
}
.btn-default,
.btn-default:hover {
@include btn-shadow($btn-default-bg);
}
.btn-primary,
.btn-primary:hover {
@include btn-shadow($btn-primary-bg);
}
.btn-success,
.btn-success:hover {
@include btn-shadow($btn-success-bg);
}
.btn-info,
.btn-info:hover {
@include btn-shadow($btn-info-bg);
}
.btn-warning,
.btn-warning:hover {
@include btn-shadow($btn-warning-bg);
}
.btn-danger,
.btn-danger:hover {
@include btn-shadow($btn-danger-bg);
}
// Typography =================================================================
body {
font-weight: 200;
}
// Tables =====================================================================
th {
color: $headings-color;
}
// Forms ======================================================================
legend {
color: $headings-color;
}
label {
font-weight: normal;
}
.has-warning {
.help-block,
.control-label {
color: $brand-danger;
}
.form-control,
.form-control:focus {
border-color: $brand-danger;
}
}
.has-error {
.help-block,
.control-label {
color: $brand-primary;
}
.form-control,
.form-control:focus {
border-color: $brand-primary;
}
}
.has-success {
.help-block,
.control-label {
color: $brand-success;
}
.form-control,
.form-control:focus {
border-color: $brand-success;
}
}
// Navs =======================================================================
.pager {
a {
color: $headings-color;
}
a:hover,
.active > a, {
border-color: $brand-primary;
color: #fff;
}
.disabled > a {
border-color: $pager-border;
}
}
// Indicators =================================================================
// Progress bars ==============================================================
// Containers =================================================================
card_changes_2506:
id: 6583
card_action_id: 7794
field: 3
value: '0'
card_changes_2507:
id: 6589
card_action_id: 7798
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2508:
id: 6590
card_action_id: 7799
field: 0
value: slate skin+variables
card_changes_2509:
id: 6591
card_action_id: 7799
field: 1
value: '943'
card_changes_2510:
id: 6592
card_action_id: 7799
field: 2
value: |
// Slate 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: #272B30; // #222
$gray-dark: #3A3F44; // #333
$gray: #52575C; // #555
$gray-light: #7A8288; // #999
$gray-lighter: #999; // #eee
$brand-primary: $gray-light;
$brand-success: #62c462;
$brand-info: #5bc0de;
$brand-warning: #f89406;
$brand-danger: #ee5f5b;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: $gray-darker;
//** Global text color on ``.
$text-color: #C8C8C8;
//** Global textual link color.
$link-color: #fff;
//** Link hover color set via `darken()` function.
$link-hover-color: #fff;
//** 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 ``, ``, and ``.
$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 ``.
$headings-font-family: $font-family-base;
$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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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: transparent;
//** 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 ``s and ` `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: lighten($body-bg, 3%);
//** Background color used for `.table-striped`.
$table-bg-accent: lighten($table-bg, 3%);
//** Background color used for `.table-hover`.
$table-bg-hover: lighten($table-bg, 12%);
$table-bg-active: $table-bg-hover;
//** Border color for table and cell borders.
$table-border-color: darken($gray-darker, 5%);
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
$btn-font-weight: normal;
$btn-default-color: #fff;
$btn-default-bg: $gray-dark;
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$legend-border-color: darken($gray-darker, 5%);
//** 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: $gray-dark;
//** Dropdown menu `border-color`.
$dropdown-border: rgba(0,0,0,.15);
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: $gray-darker;
//** Divider color for between dropdown items.
$dropdown-divider-bg: $gray-darker;
//** Dropdown link text color.
$dropdown-link-color: $text-color;
//** Hover color for dropdown links.
$dropdown-link-hover-color: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $gray-darker;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** Active dropdown menu item background color.
$dropdown-link-active-bg: $gray-darker;
//** 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: $text-color;
$navbar-default-bg: $gray-dark;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: $text-color;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: darken($navbar-default-bg, 8%);
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: darken($navbar-default-bg, 8%);
$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: #fff;
$navbar-default-brand-hover-bg: none;
// Navbar toggle
$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 8%);
$navbar-default-toggle-icon-bar-bg: $text-color;
$navbar-default-toggle-border-color: darken($navbar-default-bg, 8%);
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #ccc;
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: #ccc;
$navbar-inverse-link-hover-color: #fff;
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 12%);
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 12%);
$navbar-inverse-link-disabled-color: #ccc;
$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: none;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 12%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 12%);
//== Navs
//
//##
//=== Shared nav styles
$nav-link-padding: 10px 15px;
$nav-link-hover-bg: lighten($body-bg, 10%);
$nav-disabled-link-color: $gray-light;
$nav-disabled-link-hover-color: $gray-light;
//== Tabs
$nav-tabs-border-color: darken($gray-darker, 5%);
$nav-tabs-link-hover-border-color: darken($gray-darker, 5%);
$nav-tabs-active-link-hover-bg: lighten($body-bg, 10%);
$nav-tabs-active-link-hover-color: #fff;
$nav-tabs-active-link-hover-border-color: darken($gray-darker, 5%);
$nav-tabs-justified-link-border-color: $nav-tabs-border-color;
$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: $btn-default-bg;
$pagination-border: rgba(0, 0, 0, 0.6);
$pagination-hover-color: $link-hover-color;
$pagination-hover-bg: transparent;
$pagination-hover-border: rgba(0, 0, 0, 0.6);
$pagination-active-color: #fff;
$pagination-active-bg: darken($pagination-bg, 10%);
$pagination-active-border: rgba(0, 0, 0, 0.6);
$pagination-disabled-color: $gray-light;
$pagination-disabled-bg: #fff;
$pagination-disabled-border: rgba(0, 0, 0, 0.6);
//== 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: $gray-light;
//== Jumbotron
//
//##
$jumbotron-padding: 30px;
$jumbotron-color: inherit;
$jumbotron-bg: darken($body-bg, 5%);
$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: #fff;
$state-success-bg: $brand-success;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #fff;
$state-info-bg: $brand-info;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #fff;
$state-warning-bg: $brand-warning;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #fff;
$state-danger-bg: $brand-danger;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: lighten($body-bg, 3%);
//** 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: #999;
//** Popover title background color
$popover-title-bg: $popover-bg;
//** 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: $btn-default-bg;
//** 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: lighten($body-bg, 3%);
//** 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: darken($gray-darker, 5%);
//** 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: darken($body-bg, 5%);
//** 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: lighten($body-bg, 5%);
//** `.list-group-item` border color
$list-group-border: rgba(0, 0, 0, 0.6);
//** List group border radius
$list-group-border-radius: $border-radius-base;
//** Background color of single list items on hover
$list-group-hover-bg: lighten($body-bg, 10%);
//** Text color of active list items
$list-group-active-color: $component-active-color;
//** Background color of active list items
$list-group-active-bg: lighten($body-bg, 10%);
//** Border color of active list elements
$list-group-active-border: $list-group-border;
//** 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: $text-color;
$list-group-link-hover-color: $list-group-link-color;
$list-group-link-heading-color: #fff;
//== Panels
//
//##
$panel-bg: lighten($body-bg, 3%);
$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: rgba(0, 0, 0, 0.6);
$panel-footer-bg: lighten($body-bg, 10%);
$panel-default-text: $text-color;
$panel-default-border: rgba(0, 0, 0, 0.6);
$panel-default-heading-bg: $panel-footer-bg;
$panel-primary-text: #fff;
$panel-primary-border: $panel-default-border;
$panel-primary-heading-bg: $brand-primary;
$panel-success-text: $state-success-text;
$panel-success-border: $panel-default-border;
$panel-success-heading-bg: $state-success-bg;
$panel-info-text: $state-info-text;
$panel-info-border: $panel-default-border;
$panel-info-heading-bg: $state-info-bg;
$panel-warning-text: $state-warning-text;
$panel-warning-border: $panel-default-border;
$panel-warning-heading-bg: $state-warning-bg;
$panel-danger-text: $state-danger-text;
$panel-danger-border: $panel-default-border;
$panel-danger-heading-bg: $state-danger-bg;
//== Thumbnails
//
//##
//** Padding around the thumbnail image
$thumbnail-padding: 4px;
//** Thumbnail background color
$thumbnail-bg: darken($body-bg, 5%);
//** Thumbnail border color
$thumbnail-border: darken($thumbnail-bg, 7%);
//** 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: $thumbnail-bg;
$well-border: $thumbnail-border;
//== 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: $gray-light;
$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: transparent;
//** 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-light;
//** Page header border color
$page-header-border-color: darken($gray-darker, 5%);
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal;
//** Horizontal line color.
$hr-border: darken($gray-darker, 5%);
card_changes_2511:
id: 6593
card_action_id: 7799
field: 3
value: '0'
card_changes_2512:
id: 6598
card_action_id: 7802
field: 0
value: slate skin+style
card_changes_2513:
id: 6599
card_action_id: 7802
field: 1
value: '943'
card_changes_2514:
id: 6600
card_action_id: 7802
field: 2
value: "// Slate 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@mixin
btn-shadow($color){\n @include gradient-vertical-three-colors(lighten($color,
6%), $color, 60%, darken($color, 4%));\n filter: none;\n}\n\n@mixin btn-shadow-inverse($color){\n
\ @include gradient-vertical-three-colors(darken($color, 24%), darken($color,
18%), 40%, darken($color, 14%));\n filter: none;\n}\n\n// Navbar =====================================================================\n\n.navbar
{\n\n @include btn-shadow($navbar-default-bg);\n border: 1px solid rgba(0, 0,
0, 0.6);\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);\n\n &-inverse {\n @include
btn-shadow($navbar-inverse-bg);\n\n .badge {\n background-color: $navbar-inverse-link-active-bg;\n
\ }\n }\n\n &-nav > li > a {\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n
\ border-left: 1px solid rgba(255, 255, 255, 0.1);\n\n &:hover {\n @include
btn-shadow-inverse($navbar-default-bg);\n border-left-color: transparent;\n
\ }\n }\n\n .nav .open > a {\n border-color: transparent;\n }\n\n &-nav
> li.active > a {\n border-left-color: transparent;\n }\n\n &-form {\n margin-left:
5px;\n margin-right: 5px;\n }\n}\n\n// Buttons ====================================================================\n\n.btn,\n.btn:hover
{\n border-color: rgba(0, 0, 0, 0.6);\n text-shadow: 1px 1px 1px rgba(0, 0,
0, 0.3);\n}\n\n.btn-default {\n @include btn-shadow($btn-default-bg);\n\n &:hover
{\n @include btn-shadow-inverse($btn-default-bg);\n }\n}\n\n.btn-primary {\n
\ @include btn-shadow($btn-primary-bg);\n\n &:hover {\n @include btn-shadow-inverse($btn-primary-bg);\n
\ }\n}\n\n.btn-success {\n @include btn-shadow($btn-success-bg);\n\n &:hover
{\n @include btn-shadow-inverse($btn-success-bg);\n }\n}\n\n.btn-info {\n
\ @include btn-shadow($btn-info-bg);\n\n &:hover {\n @include btn-shadow-inverse($btn-info-bg);\n
\ }\n}\n\n.btn-warning {\n @include btn-shadow($btn-warning-bg);\n\n &:hover
{\n @include btn-shadow-inverse($btn-warning-bg);\n }\n}\n\n.btn-danger {\n
\ @include btn-shadow($btn-danger-bg);\n\n &:hover {\n @include btn-shadow-inverse($btn-danger-bg);\n
\ }\n}\n\n.btn-link,\n.btn-link:hover {\n border-color: transparent;\n}\n\n//
Typography =================================================================\n\nh1,
h2, h3, h4, h5, h6 {\n text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);\n}\n\n.text-primary,\n.text-primary:hover
{\n color: $brand-primary;\n}\n\n.text-success,\n.text-success:hover {\n color:
$brand-success;\n}\n\n.text-danger,\n.text-danger:hover {\n color: $brand-danger;\n}\n\n.text-warning,\n.text-warning:hover
{\n color: $brand-warning;\n}\n\n.text-info,\n.text-info:hover {\n color: $brand-info;\n}\n\n//
Tables =====================================================================\n\n.table
{\n\n .success,\n .warning,\n .danger,\n .info {\n color: #fff;\n }\n\n
\ &-bordered tbody {\n\n tr.success,\n tr.warning,\n tr.danger {\n\n
\ td,\n &:hover td {\n border-color: $table-border-color;\n }\n
\ }\n }\n}\n\n.table-responsive > .table {\n background-color: $table-bg;\n}\n\n//
Forms ======================================================================\n\ninput,\ntextarea
{\n color: $input-color;\n}\n\n.has-warning {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-warning;\n }\n\n .form-control,\n
\ .form-control:focus {\n border-color: $brand-warning;\n }\n\n .input-group-addon
{\n background-color: $body-bg;\n border: none;\n }\n}\n\n.has-error {\n
\ .help-block,\n .control-label,\n .form-control-feedback {\n color: $brand-danger;\n
\ }\n\n .form-control,\n .form-control:focus {\n border-color: $brand-danger;\n
\ }\n\n .input-group-addon {\n background-color: $body-bg;\n border: none;\n
\ }\n}\n\n.has-success {\n .help-block,\n .control-label,\n .form-control-feedback
{\n color: $brand-success;\n }\n\n .form-control,\n .form-control:focus
{\n border-color: $brand-success;\n }\n\n .input-group-addon {\n background-color:
$body-bg;\n border: none;\n }\n}\n\nlegend {\n color: #fff;\n}\n\n.input-group-addon
{\n border-color: rgba(0, 0, 0, 0.6);\n text-shadow: 1px 1px 1px rgba(0, 0,
0, 0.3);\n @include btn-shadow($btn-default-bg);\n color: $btn-default-color;\n}\n\n//
Navs =======================================================================\n\n.nav
{\n\n .open > a,\n .open > a:hover,\n .open > a:focus {\n border-color:
rgba(0, 0, 0, 0.6);\n }\n\n}\n\n.nav-pills {\n\n & > li > a {\n @include
btn-shadow($btn-default-bg);\n border: 1px solid rgba(0, 0, 0, 0.6);\n text-shadow:
1px 1px 1px rgba(0, 0, 0, 0.3);\n\n &:hover {\n @include btn-shadow-inverse($btn-default-bg);\n
\ border: 1px solid rgba(0, 0, 0, 0.6);\n }\n }\n\n & > li.active > a,\n
\ & > li.active > a:hover {\n background-color: none;\n @include btn-shadow-inverse($btn-default-bg);\n
\ border: 1px solid rgba(0, 0, 0, 0.6);\n }\n\n & > li.disabled > a,\n &
> li.disabled > a:hover {\n @include btn-shadow($btn-default-bg);\n }\n}\n\n.pagination
{\n\n & > li > a,\n & > li > span {\n text-shadow: 1px 1px 1px rgba(0, 0,
0, 0.3);\n @include btn-shadow($btn-default-bg);\n\n &:hover {\n @include
btn-shadow-inverse($btn-default-bg);\n }\n }\n\n & > li.active > a,\n &
> li.active > span {\n @include btn-shadow-inverse($btn-default-bg);\n }\n\n
\ & > li.disabled > a,\n & > li.disabled > a:hover,\n & > li.disabled > span,\n
\ & > li.disabled > span:hover {\n background-color: transparent;\n @include
btn-shadow($btn-default-bg);\n }\n}\n\n.pager {\n\n & > li > a {\n @include
btn-shadow($btn-default-bg);\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);\n\n
\ &:hover {\n @include btn-shadow-inverse($btn-default-bg);\n }\n }\n\n
\ & > li.disabled > a,\n & > li.disabled > a:hover {\n background-color: transparent;\n
\ @include btn-shadow($btn-default-bg);\n }\n}\n\n.breadcrumb {\n border:
1px solid rgba(0, 0, 0, 0.6);\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);\n
\ @include btn-shadow($btn-default-bg);\n}\n\n// Indicators =================================================================\n\n.alert
{\n\n .alert-link,\n a {\n color: #fff;\n text-decoration: underline;\n
\ }\n\n .close {\n color: $close-color;\n text-decoration: none;\n }\n}\n\n//
Progress bars ==============================================================\n\n//
Containers =================================================================\n\na.thumbnail:hover,\na.thumbnail:focus,\na.thumbnail.active
{\n border-color: $thumbnail-border;\n}\n\na.list-group-item {\n\n &.active,\n
\ &.active:hover,\n &.active:focus {\n border-color: $list-group-border;\n
\ }\n\n &-success {\n &.active {\n background-color: $state-success-bg;\n
\ }\n\n &.active:hover,\n &.active:focus {\n background-color: darken($state-success-bg,
5%);\n }\n }\n\n &-warning {\n &.active {\n background-color: $state-warning-bg;\n
\ }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-warning-bg, 5%);\n }\n }\n\n &-danger {\n &.active {\n background-color:
$state-danger-bg;\n }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-danger-bg, 5%);\n }\n }\n}\n\n.jumbotron {\n border: 1px solid
rgba(0, 0, 0, 0.6);\n}\n\n.panel-primary,\n.panel-success,\n.panel-danger,\n.panel-warning,\n.panel-info
{\n\n .panel-heading {\n border-color: #000;\n }\n}"
card_changes_2515:
id: 6601
card_action_id: 7802
field: 3
value: '0'
card_changes_2516:
id: 6607
card_action_id: 7806
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2517:
id: 6608
card_action_id: 7807
field: 0
value: spacelab skin+variables
card_changes_2518:
id: 6609
card_action_id: 7807
field: 1
value: '943'
card_changes_2519:
id: 6610
card_action_id: 7807
field: 2
value: |
// Spacelab 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: #2d2d2d; // #222
$gray-dark: lighten($gray-base, 20%); // #333
$gray: #666; // #555
$gray-light: lighten($gray-base, 60%); // #999
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #446E9B;
$brand-success: #3CB521;
$brand-info: #3399F3;
$brand-warning: #D47500;
$brand-danger: #CD0200;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: $gray;
//** Global textual link color.
$link-color: $brand-info;
//** Link hover color set via `darken()` function.
$link-hover-color: $link-color;
//** Link hover decoration.
$link-hover-decoration: underline;
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$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 ``.
$headings-font-family: $font-family-base;
$headings-font-weight: 500;
$headings-line-height: 1.1;
$headings-color: $gray-darker;
//== 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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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 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 ``s and ` `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: #fff;
$btn-default-bg: #474949;
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: #eee;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: #777;
$navbar-default-link-hover-color: $brand-info;
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-color: $navbar-default-link-hover-color;
$navbar-default-link-active-bg: transparent;
$navbar-default-link-disabled-color: #444;
$navbar-default-link-disabled-bg: transparent;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-color;
$navbar-default-brand-hover-color: $navbar-default-link-hover-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 6.5%);
$navbar-default-toggle-icon-bar-bg: #ccc;
$navbar-default-toggle-border-color: darken($navbar-default-bg, 6.5%);
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #ddd;
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: #ddd;
$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: transparent;
$navbar-inverse-link-disabled-color: #ccc;
$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: darken($navbar-inverse-bg, 10%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 10%);
//== 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: $gray-light;
$pagination-active-bg: #f5f5f5;
$pagination-active-border: #ddd;
$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: $gray-light;
//== 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: #468847;
$state-success-bg: #dff0d8;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #3a87ad;
$state-info-bg: #d9edf7;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #c09853;
$state-warning-bg: #fcf8e3;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #b94a48;
$state-danger-bg: #f2dede;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: $btn-default-bg;
//** 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;
//** 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: $link-color;
//** 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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2520:
id: 6611
card_action_id: 7807
field: 3
value: '0'
card_changes_2521:
id: 6616
card_action_id: 7810
field: 0
value: spacelab skin+style
card_changes_2522:
id: 6617
card_action_id: 7810
field: 1
value: '943'
card_changes_2523:
id: 6618
card_action_id: 7810
field: 2
value: "// Spacelab 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700\");\n\n@mixin
btn-shadow($color){\n @include gradient-vertical-three-colors(lighten($color,
15%), $color, 50%, darken($color, 4%));\n filter: none;\n border: 1px solid
darken($color, 10%);\n}\n\n// Navbar =====================================================================\n\n.navbar
{\n\n @include btn-shadow($navbar-default-bg);\n text-shadow: 0 1px 0 rgba(255,
255, 255, 0.3);\n\n &-inverse {\n @include btn-shadow($navbar-inverse-bg);\n
\ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);\n\n .badge {\n background-color:
#fff;\n color: $navbar-inverse-bg;\n }\n }\n\n .badge {\n text-shadow:
none;\n }\n\n &-nav > li > a,\n &-nav > li > a:hover {\n padding-top: ($navbar-padding-vertical
+ 2px);\n padding-bottom: ($navbar-padding-vertical - 2px);\n @include transition(color
ease-in-out .2s);\n }\n \n &-brand,\n &-brand:hover {\n @include transition(color
ease-in-out .2s);\n }\n\n .caret,\n .caret:hover {\n @include transition(border-color
ease-in-out .2s);\n }\n\n .dropdown-menu {\n text-shadow: none;\n }\n}\n\n//
Buttons ====================================================================\n\n.btn
{\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);\n\n &-default {\n @include
btn-shadow($btn-default-bg);\n\n &:hover {\n @include btn-shadow(darken($btn-default-bg,
4%));\n }\n }\n\n &-primary {\n @include btn-shadow($btn-primary-bg);\n\n
\ &:hover {\n @include btn-shadow(darken($btn-primary-bg, 4%));\n }\n
\ }\n\n &-success {\n @include btn-shadow($btn-success-bg);\n\n &:hover
{\n @include btn-shadow(darken($btn-success-bg, 4%));\n }\n }\n\n &-info
{\n @include btn-shadow($btn-info-bg);\n\n &:hover {\n @include btn-shadow(darken($btn-info-bg,
4%));\n }\n }\n\n &-warning {\n @include btn-shadow($btn-warning-bg);\n\n
\ &:hover {\n @include btn-shadow(darken($btn-warning-bg, 4%));\n }\n
\ }\n\n &-danger {\n @include btn-shadow($btn-danger-bg);\n\n &:hover {\n
\ @include btn-shadow(darken($btn-danger-bg, 4%));\n }\n }\n\n &:active,\n
\ &.active {\n background-image: none;\n @include box-shadow(inset 0 3px
5px rgba(0,0,0,.125));\n }\n}\n\n// Typography =================================================================\n\n//
Tables =====================================================================\n\n//
Forms ======================================================================\n\n//
Navs =======================================================================\n\n//
Indicators =================================================================\n\n//
Progress bars ==============================================================\n\n//
Containers =================================================================\n\n.panel
{\n\n &-primary {\n .panel-title {\n color: #fff;\n }\n }\n}"
card_changes_2524:
id: 6619
card_action_id: 7810
field: 3
value: '0'
card_changes_2525:
id: 6625
card_action_id: 7814
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2526:
id: 6626
card_action_id: 7815
field: 0
value: superhero skin+variables
card_changes_2527:
id: 6627
card_action_id: 7815
field: 1
value: '943'
card_changes_2528:
id: 6628
card_action_id: 7815
field: 2
value: "// Superhero 3.3.4\n// Variables\n// --------------------------------------------------\n\n\n//==
Colors\n//\n//## Gray and brand colors for use across Bootstrap.\n\n$gray-base:
\ #000;\n$gray-darker: lighten($gray-base, 13.5%); // #222\n$gray-dark:
\ lighten($gray-base, 20%); // #333\n$gray: lighten($gray-base,
33.5%); // #555\n$gray-light: #4E5D6C; // #999\n$gray-lighter: #EBEBEB;
// #eee\n\n$brand-primary: #DF691A;\n$brand-success: #5cb85c;\n$brand-info:
\ #5bc0de;\n$brand-warning: #f0ad4e;\n$brand-danger: #d9534f;\n\n\n//==
Scaffolding\n//\n//## Settings for some of the most global styles.\n\n//** Background
color for ``.\n$body-bg: #2B3E50;\n//** Global text color
on ``.\n$text-color: $gray-lighter;\n\n//** Global textual link
color.\n$link-color: $brand-primary;\n//** Link hover color set via
`darken()` function.\n$link-hover-color: $link-color;\n//** Link hover decoration.\n$link-hover-decoration:
underline;\n\n\n//== Typography\n//\n//## Font, line-height, and color for body
text, headings, and more.\n\n$font-family-sans-serif: \"Lato\", \"Helvetica Neue\",
Helvetica, Arial, sans-serif;\n$font-family-serif: Georgia, \"Times New
Roman\", Times, serif;\n//** Default monospace fonts for ``, ``, and
``.\n$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\",
monospace;\n$font-family-base: $font-family-sans-serif;\n\n$font-size-base:
\ 15px;\n$font-size-large: ceil(($font-size-base * 1.25)); //
~18px\n$font-size-small: ceil(($font-size-base * 0.85)); // ~12px\n\n$font-size-h1:
\ floor(($font-size-base * 2.6)); // ~36px\n$font-size-h2: floor(($font-size-base
* 2.15)); // ~30px\n$font-size-h3: ceil(($font-size-base * 1.7)); //
~24px\n$font-size-h4: ceil(($font-size-base * 1.25)); // ~18px\n$font-size-h5:
\ $font-size-base;\n$font-size-h6: ceil(($font-size-base
* 0.85)); // ~12px\n\n//** Unit-less `line-height` for use in components like
buttons.\n$line-height-base: 1.428571429; // 20/14\n//** Computed \"line-height\"
(`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n$line-height-computed:
\ floor(($font-size-base * $line-height-base)); // ~20px\n\n//** By default,
this inherits from the ``.\n$headings-font-family: inherit;\n$headings-font-weight:
\ 300;\n$headings-line-height: 1.1;\n$headings-color: inherit;\n\n\n//==
Iconography\n//\n//## Specify custom location and filename of the included Glyphicons
icon font. Useful for those including Bootstrap via Bower.\n\n//** Load fonts
from this directory.\n$icon-font-path: \"../fonts/\";\n//** File name
for all font files.\n$icon-font-name: \"glyphicons-halflings-regular\";\n//**
Element ID within SVG icon file.\n$icon-font-svg-id: \"glyphicons_halflingsregular\";\n\n\n//==
Components\n//\n//## Define common padding and border radius sizes and more. Values
based on 14px text and 1.428 line-height (~20px to start).\n\n$padding-base-vertical:
\ 8px;\n$padding-base-horizontal: 16px;\n\n$padding-large-vertical: 12px;\n$padding-large-horizontal:
\ 24px;\n\n$padding-small-vertical: 5px;\n$padding-small-horizontal: 10px;\n\n$padding-xs-vertical:
\ 1px;\n$padding-xs-horizontal: 5px;\n\n$line-height-large: 1.3333333;
// extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n\n$border-radius-base:
\ 0;\n$border-radius-large: 0;\n$border-radius-small: 0;\n\n//**
Global color for active items (e.g., navs or dropdowns).\n$component-active-color:
\ #fff;\n//** Global background color for active items (e.g., navs or dropdowns).\n$component-active-bg:
\ $brand-primary;\n\n//** Width of the `border` for generating carets that
indicator dropdowns.\n$caret-width-base: 4px;\n//** Carets increase slightly
in size for larger components.\n$caret-width-large: 5px;\n\n\n//== Tables\n//\n//##
Customizes the `.table` component with basic values, each used across all table
variations.\n\n//** Padding for ``s and ` `s.\n$table-cell-padding: 6px;\n//**
Padding for cells in `.table-condensed`.\n$table-condensed-cell-padding: 3px;\n\n//**
Default background color used for all tables.\n$table-bg: transparent;\n//**
Background color used for `.table-striped`.\n$table-bg-accent: $gray-light;\n//**
Background color used for `.table-hover`.\n$table-bg-hover: darken($gray-light,
3%);\n$table-bg-active: $table-bg-hover;\n\n//** Border color for
table and cell borders.\n$table-border-color: $gray-light; \n\n\n//==
Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and
border color.\n\n$btn-font-weight: normal;\n\n$btn-default-color:
\ #fff;\n$btn-default-bg: $gray-light;\n$btn-default-border:
\ transparent;\n\n$btn-primary-color: #fff;\n$btn-primary-bg:
\ $brand-primary;\n$btn-primary-border: transparent;\n\n$btn-success-color:
\ #fff;\n$btn-success-bg: $brand-success;\n$btn-success-border:
\ transparent;\n\n$btn-info-color: #fff;\n$btn-info-bg:
\ $brand-info;\n$btn-info-border: transparent;\n\n$btn-warning-color:
\ #fff;\n$btn-warning-bg: $brand-warning;\n$btn-warning-border:
\ transparent;\n\n$btn-danger-color: #fff;\n$btn-danger-bg:
\ $brand-danger;\n$btn-danger-border: transparent;\n\n$btn-link-disabled-color:
\ $gray-light;\n\n\n//== Forms\n//\n//##\n\n//** ``s in
some browsers, due to the limited stylability of ``s in CSS.\n$input-border-radius:
\ $border-radius-base;\n//** Large `.form-control` border radius\n$input-border-radius-large:
\ $border-radius-large;\n//** Small `.form-control` border radius\n$input-border-radius-small:
\ $border-radius-small;\n\n//** Border color for inputs on focus\n$input-border-focus:
\ transparent;\n\n//** Placeholder text color\n$input-color-placeholder:
\ #ccc;\n\n//** Default `.form-control` height\n$input-height-base: ($line-height-computed
+ ($padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n$input-height-large:
\ (ceil($font-size-large * $line-height-large) + ($padding-large-vertical
* 2) + 2);\n//** Small `.form-control` height\n$input-height-small: (floor($font-size-small
* $line-height-small) + ($padding-small-vertical * 2) + 2);\n\n//** `.form-group`
margin\n$form-group-margin-bottom: 15px;\n\n$legend-color: $text-color;\n$legend-border-color:
\ $gray-light;\n\n//** Background color for textual input addons\n$input-group-addon-bg:
\ $btn-default-bg;\n//** Border color for textual input addons\n$input-group-addon-border-color:
transparent;\n\n//** Disabled cursor for form controls and buttons.\n$cursor-disabled:
\ not-allowed;\n\n\n//== Dropdowns\n//\n//## Dropdown menu container
and contents.\n\n//** Background for the dropdown menu.\n$dropdown-bg: $gray-light;\n//**
Dropdown menu `border-color`.\n$dropdown-border: transparent;\n//**
Dropdown menu `border-color` **for IE8**.\n$dropdown-fallback-border: transparent;\n//**
Divider color for between dropdown items.\n$dropdown-divider-bg: $body-bg;\n\n//**
Dropdown link text color.\n$dropdown-link-color: $text-color;\n//**
Hover color for dropdown links.\n$dropdown-link-hover-color: $text-color;\n//**
Hover background for dropdown links.\n$dropdown-link-hover-bg: darken($gray-light,
3%);\n\n//** Active dropdown menu item text color.\n$dropdown-link-active-color:
\ $component-active-color;\n//** Active dropdown menu item background color.\n$dropdown-link-active-bg:
\ $component-active-bg;\n\n//** Disabled dropdown menu item background color.\n$dropdown-link-disabled-color:
\ $body-bg;\n\n//** Text color for headers within dropdown menus.\n$dropdown-header-color:
\ $body-bg;\n\n//** Deprecated `$dropdown-caret-color` as of v3.1.0\n$dropdown-caret-color:
\ #000;\n\n\n//-- Z-index master list\n//\n// Warning: Avoid customizing
these values. They're used for a bird's eye view\n// of components dependent on
the z-axis and are designed to all work together.\n//\n// Note: These variables
are not generated into the Customizer.\n\n$zindex-navbar: 1000;\n$zindex-dropdown:
\ 1000;\n$zindex-popover: 1060;\n$zindex-tooltip: 1070;\n$zindex-navbar-fixed:
\ 1030;\n$zindex-modal-background: 1040;\n$zindex-modal: 1050;\n\n\n//==
Media queries breakpoints\n//\n//## Define the breakpoints at which your layout
will change, adapting to different screen sizes.\n\n// Extra small screen / phone\n//**
Deprecated `$screen-xs` as of v3.0.1\n$screen-xs: 480px;\n//**
Deprecated `$screen-xs-min` as of v3.2.0\n$screen-xs-min: $screen-xs;\n//**
Deprecated `$screen-phone` as of v3.0.1\n$screen-phone: $screen-xs-min;\n\n//
Small screen / tablet\n//** Deprecated `$screen-sm` as of v3.0.1\n$screen-sm:
\ 768px;\n$screen-sm-min: $screen-sm;\n//** Deprecated
`$screen-tablet` as of v3.0.1\n$screen-tablet: $screen-sm-min;\n\n//
Medium screen / desktop\n//** Deprecated `$screen-md` as of v3.0.1\n$screen-md:
\ 992px;\n$screen-md-min: $screen-md;\n//** Deprecated
`$screen-desktop` as of v3.0.1\n$screen-desktop: $screen-md-min;\n\n//
Large screen / wide desktop\n//** Deprecated `$screen-lg` as of v3.0.1\n$screen-lg:
\ 1200px;\n$screen-lg-min: $screen-lg;\n//** Deprecated
`$screen-lg-desktop` as of v3.0.1\n$screen-lg-desktop: $screen-lg-min;\n\n//
So media queries don't overlap when required, provide a maximum\n$screen-xs-max:
\ ($screen-sm-min - 1);\n$screen-sm-max: ($screen-md-min
- 1);\n$screen-md-max: ($screen-lg-min - 1);\n\n\n//== Grid system\n//\n//##
Define your custom responsive grid.\n\n//** Number of columns in the grid.\n$grid-columns:
\ 12;\n//** Padding between columns. Gets divided in half for the
left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n//** Point
at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: $screen-sm-min;\n//**
Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint
- 1);\n\n\n//== Container sizes\n//\n//## Define the maximum width of `.container`
for different screen sizes.\n\n// Small screen / tablet\n$container-tablet: (720px
+ $grid-gutter-width);\n//** For `$screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n//
Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n//**
For `$screen-md-min` and up.\n$container-md: $container-desktop;\n\n//
Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n//**
For `$screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n//==
Navbar\n//\n//##\n\n// Basics of a navbar\n$navbar-height: 40px;\n$navbar-margin-bottom:
\ $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal:
\ floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height
- $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-default-color:
\ $text-color;\n$navbar-default-bg: $gray-light;\n$navbar-default-border:
\ transparent;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color:
\ $navbar-default-link-color;\n$navbar-default-link-hover-bg: $dropdown-link-hover-bg;\n$navbar-default-link-active-color:
\ $navbar-default-link-color;\n$navbar-default-link-active-bg: $dropdown-link-hover-bg;\n$navbar-default-link-disabled-color:
\ #ccc;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar
brand label\n$navbar-default-brand-color: $navbar-default-link-color;\n$navbar-default-brand-hover-color:
\ $navbar-default-link-color;\n$navbar-default-brand-hover-bg: transparent;\n\n//
Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg:
\ $text-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n//
Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-color: $text-color;\n$navbar-inverse-bg:
\ $brand-primary;\n$navbar-inverse-border: transparent;\n\n//
Inverted navbar links\n$navbar-inverse-link-color: $text-color;\n$navbar-inverse-link-hover-color:
\ $navbar-inverse-link-color;\n$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg,
5%);\n$navbar-inverse-link-active-color: $navbar-inverse-link-color;\n$navbar-inverse-link-active-bg:
\ darken($navbar-inverse-bg, 5%);\n$navbar-inverse-link-disabled-color:
\ #444;\n$navbar-inverse-link-disabled-bg: transparent;\n\n//
Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color:
\ $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-bg: transparent;\n\n//
Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg:
\ $text-color;\n$navbar-inverse-toggle-border-color: transparent;\n\n\n//==
Navs\n//\n//##\n\n//=== Shared nav styles\n$nav-link-padding: 10px
15px;\n$nav-link-hover-bg: $gray-light;\n\n$nav-disabled-link-color:
\ $gray-light;\n$nav-disabled-link-hover-color: $gray-light;\n\n//==
Tabs\n$nav-tabs-border-color: transparent;\n\n$nav-tabs-link-hover-border-color:
\ $gray-light;\n\n$nav-tabs-active-link-hover-bg: $body-bg;\n$nav-tabs-active-link-hover-color:
\ $text-color;\n$nav-tabs-active-link-hover-border-color: $gray-light;\n\n$nav-tabs-justified-link-border-color:
\ $gray-light;\n$nav-tabs-justified-active-link-border-color: $gray-light;\n\n//==
Pills\n$nav-pills-border-radius: $border-radius-base;\n$nav-pills-active-link-hover-bg:
\ $component-active-bg;\n$nav-pills-active-link-hover-color: $component-active-color;\n\n\n//==
Pagination\n//\n//##\n\n$pagination-color: $text-color;\n$pagination-bg:
\ $gray-light;\n$pagination-border: transparent;\n\n$pagination-hover-color:
\ $text-color;\n$pagination-hover-bg: $table-bg-hover;\n$pagination-hover-border:
\ transparent;\n\n$pagination-active-color: $text-color;\n$pagination-active-bg:
\ $brand-primary;\n$pagination-active-border: transparent;\n\n$pagination-disabled-color:
\ darken($table-bg-hover, 10%);\n$pagination-disabled-bg: $gray-light;\n$pagination-disabled-border:
\ transparent;\n\n\n//== Pager\n//\n//##\n\n$pager-bg: $pagination-bg;\n$pager-border:
\ $pagination-border;\n$pager-border-radius: 15px;\n\n$pager-hover-bg:
\ $pagination-hover-bg;\n\n$pager-active-bg: $pagination-active-bg;\n$pager-active-color:
\ $pagination-active-color;\n\n$pager-disabled-color: $pagination-disabled-color;\n\n\n//==
Jumbotron\n//\n//##\n\n$jumbotron-padding: 30px;\n$jumbotron-color:
\ inherit;\n$jumbotron-bg: $gray-light;\n$jumbotron-heading-color:
\ inherit;\n$jumbotron-font-size: ceil(($font-size-base * 1.5));\n\n\n//==
Form states and alerts\n//\n//## Define colors for form feedback states and, by
default, alerts.\n\n$state-success-text: $text-color;\n$state-success-bg:
\ $brand-success;\n$state-success-border: transparent;\n\n$state-info-text:
\ $text-color;\n$state-info-bg: $brand-info;\n$state-info-border:
\ transparent;\n\n$state-warning-text: $text-color;\n$state-warning-bg:
\ $brand-warning;\n$state-warning-border: transparent;\n\n$state-danger-text:
\ $text-color;\n$state-danger-bg: $brand-danger;\n$state-danger-border:
\ transparent;\n\n\n//== Tooltips\n//\n//##\n\n//** Tooltip max width\n$tooltip-max-width:
\ 200px;\n//** Tooltip text color\n$tooltip-color: #fff;\n//**
Tooltip background color\n$tooltip-bg: #000;\n$tooltip-opacity:
\ .9;\n\n//** Tooltip arrow width\n$tooltip-arrow-width: 5px;\n//**
Tooltip arrow color\n$tooltip-arrow-color: $tooltip-bg;\n\n\n//== Popovers\n//\n//##\n\n//**
Popover body background color\n$popover-bg: $gray-light;\n//**
Popover maximum width\n$popover-max-width: 276px;\n//** Popover
border color\n$popover-border-color: transparent;\n//** Popover
fallback border color\n$popover-fallback-border-color: transparent;\n\n//**
Popover title background color\n$popover-title-bg: $table-bg-hover;\n\n//**
Popover arrow width\n$popover-arrow-width: 10px;\n//** Popover
arrow color\n$popover-arrow-color: $popover-bg;\n\n//** Popover
outer arrow width\n$popover-arrow-outer-width: ($popover-arrow-width
+ 1);\n//** Popover outer arrow color\n$popover-arrow-outer-color: transparent;\n//**
Popover outer arrow fallback color\n$popover-arrow-outer-fallback-color: transparent;\n\n\n//==
Labels\n//\n//##\n\n//** Default label background color\n$label-default-bg: $gray-light;\n//**
Primary label background color\n$label-primary-bg: $brand-primary;\n//**
Success label background color\n$label-success-bg: $brand-success;\n//**
Info label background color\n$label-info-bg: $brand-info;\n//**
Warning label background color\n$label-warning-bg: $brand-warning;\n//**
Danger label background color\n$label-danger-bg: $brand-danger;\n\n//**
Default label text color\n$label-color: #fff;\n//** Default text
color of a linked label\n$label-link-hover-color: #fff;\n\n\n//== Modals\n//\n//##\n\n//**
Padding applied to the modal body\n$modal-inner-padding: 20px;\n\n//**
Padding applied to the modal title\n$modal-title-padding: 15px;\n//**
Modal title line-height\n$modal-title-line-height: $line-height-base;\n\n//**
Background color of modal content area\n$modal-content-bg: $gray-light;\n//**
Modal content border color\n$modal-content-border-color: transparent;\n//**
Modal content border color **for IE8**\n$modal-content-fallback-border-color:
\ transparent;\n\n//** Modal backdrop background color\n$modal-backdrop-bg:
\ #000;\n//** Modal backdrop opacity\n$modal-backdrop-opacity: .5;\n//**
Modal header border color\n$modal-header-border-color: $body-bg;\n//** Modal
footer border color\n$modal-footer-border-color: $modal-header-border-color;\n\n$modal-lg:
\ 900px;\n$modal-md: 600px;\n$modal-sm: 300px;\n\n\n//==
Alerts\n//\n//## Define alert colors, border radius, and padding.\n\n$alert-padding:
\ 15px;\n$alert-border-radius: $border-radius-base;\n$alert-link-font-weight:
\ bold;\n\n$alert-success-bg: $state-success-bg;\n$alert-success-text:
\ $state-success-text;\n$alert-success-border: $state-success-border;\n\n$alert-info-bg:
\ $state-info-bg;\n$alert-info-text: $state-info-text;\n$alert-info-border:
\ $state-info-border;\n\n$alert-warning-bg: $state-warning-bg;\n$alert-warning-text:
\ $state-warning-text;\n$alert-warning-border: $state-warning-border;\n\n$alert-danger-bg:
\ $state-danger-bg;\n$alert-danger-text: $state-danger-text;\n$alert-danger-border:
\ $state-danger-border;\n\n\n//== Progress bars\n//\n//##\n\n//** Background
color of the whole progress component\n$progress-bg: $gray-light;\n//**
Progress bar text color\n$progress-bar-color: #fff;\n//** Variable for
setting rounded corners on progress bar.\n$progress-border-radius: $border-radius-base;\n\n//**
Default progress bar color\n$progress-bar-bg: $brand-primary;\n//**
Success progress bar color\n$progress-bar-success-bg: $brand-success;\n//**
Warning progress bar color\n$progress-bar-warning-bg: $brand-warning;\n//**
Danger progress bar color\n$progress-bar-danger-bg: $brand-danger;\n//**
Info progress bar color\n$progress-bar-info-bg: $brand-info;\n\n\n//==
List group\n//\n//##\n\n//** Background color on `.list-group-item`\n$list-group-bg:
\ $gray-light;\n//** `.list-group-item` border color\n$list-group-border:
\ transparent;\n//** List group border radius\n$list-group-border-radius:
\ $border-radius-base;\n\n//** Background color of single list items on hover\n$list-group-hover-bg:
\ $table-bg-hover;\n//** Text color of active list items\n$list-group-active-color:
\ $component-active-color;\n//** Background color of active list items\n$list-group-active-bg:
\ $component-active-bg;\n//** Border color of active list elements\n$list-group-active-border:
\ $list-group-active-bg;\n//** Text color for content within active list items\n$list-group-active-text-color:
\ lighten($list-group-active-bg, 40%);\n\n//** Text color of disabled list items\n$list-group-disabled-color:
\ $gray-light;\n//** Background color of disabled list items\n$list-group-disabled-bg:
\ $gray-lighter;\n//** Text color for content within disabled list items\n$list-group-disabled-text-color:
$list-group-disabled-color;\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color:
\ $list-group-link-color;\n$list-group-link-heading-color: $text-color;\n\n\n//==
Panels\n//\n//##\n\n$panel-bg: $gray-light;\n$panel-body-padding:
\ 15px;\n$panel-heading-padding: 10px 15px;\n$panel-footer-padding:
\ $panel-heading-padding;\n$panel-border-radius: $border-radius-base;\n\n//**
Border color for elements within panels\n$panel-inner-border: transparent;\n$panel-footer-bg:
\ $table-bg-hover;\n\n$panel-default-text: $gray-dark;\n$panel-default-border:
\ transparent;\n$panel-default-heading-bg: #f5f5f5;\n\n$panel-primary-text:
\ #fff;\n$panel-primary-border: transparent;\n$panel-primary-heading-bg:
\ $brand-primary;\n\n$panel-success-text: $state-success-text;\n$panel-success-border:
\ transparent;\n$panel-success-heading-bg: $state-success-bg;\n\n$panel-info-text:
\ $state-info-text;\n$panel-info-border: transparent;\n$panel-info-heading-bg:
\ $state-info-bg;\n\n$panel-warning-text: $state-warning-text;\n$panel-warning-border:
\ transparent;\n$panel-warning-heading-bg: $state-warning-bg;\n\n$panel-danger-text:
\ $state-danger-text;\n$panel-danger-border: transparent;\n$panel-danger-heading-bg:
\ $state-danger-bg;\n\n\n//== Thumbnails\n//\n//##\n\n//** Padding around the
thumbnail image\n$thumbnail-padding: 4px;\n//** Thumbnail background
color\n$thumbnail-bg: $body-bg;\n//** Thumbnail border color\n$thumbnail-border:
\ #ddd;\n//** Thumbnail border radius\n$thumbnail-border-radius: $border-radius-base;\n\n//**
Custom text color for thumbnail captions\n$thumbnail-caption-color: $text-color;\n//**
Padding around the thumbnail caption\n$thumbnail-caption-padding: 9px;\n\n\n//==
Wells\n//\n//## \n\n$well-bg: $gray-light;\n$well-border:
\ transparent;\n\n\n//== Badges\n//\n//##\n\n$badge-color: $text-color;\n//**
Linked badge text color on hover\n$badge-link-hover-color: #fff;\n$badge-bg:
\ $gray-light;\n\n//** Badge text color in active nav link\n$badge-active-color:
\ $link-color;\n//** Badge background color in active nav link\n$badge-active-bg:
\ #fff;\n\n$badge-font-weight: 300;\n$badge-line-height:
\ 1;\n$badge-border-radius: 10px;\n\n\n//== Breadcrumbs\n//\n//##\n\n$breadcrumb-padding-vertical:
\ 8px;\n$breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n$breadcrumb-bg:
\ $gray-light;\n//** Breadcrumb text color\n$breadcrumb-color:
\ $text-color;\n//** Text color of current page in the breadcrumb\n$breadcrumb-active-color:
\ $text-color;\n//** Textual separator for between breadcrumb elements\n$breadcrumb-separator:
\ \"/\";\n\n\n//== Carousel\n//\n//##\n\n$carousel-text-shadow: 0
1px 2px rgba(0,0,0,.6);\n\n$carousel-control-color: #fff;\n$carousel-control-width:
\ 15%;\n$carousel-control-opacity: .5;\n$carousel-control-font-size:
\ 20px;\n\n$carousel-indicator-active-bg: #fff;\n$carousel-indicator-border-color:
\ #fff;\n\n$carousel-caption-color: #fff;\n\n\n//==
Close\n//\n//##\n\n$close-font-weight: bold;\n$close-color: $text-color;\n$close-text-shadow:
\ none;\n\n\n//== Code\n//\n//##\n\n$code-color: #c7254e;\n$code-bg:
\ #f9f2f4;\n\n$kbd-color: #fff;\n$kbd-bg:
\ #333;\n\n$pre-bg: #f5f5f5;\n$pre-color:
\ $gray-dark;\n$pre-border-color: #ccc;\n$pre-scrollable-max-height:
\ 340px;\n\n\n//== Type\n//\n//##\n\n//** Horizontal offset for forms and lists.\n$component-offset-horizontal:
180px;\n//** Text muted color\n$text-muted: $gray-light;\n//**
Abbreviations and acronyms border color\n$abbr-border-color: $gray-light;\n//**
Headings small color\n$headings-small-color: $text-color;\n//** Blockquote
small color\n$blockquote-small-color: $text-color;\n//** Blockquote font
size\n$blockquote-font-size: ($font-size-base * 1.25);\n//** Blockquote
border color\n$blockquote-border-color: $gray-light;\n//** Page header border
color\n$page-header-border-color: $gray-lighter;\n//** Width of horizontal
description list titles\n$dl-horizontal-offset: $component-offset-horizontal;\n//**
Horizontal line color.\n$hr-border: lighten($gray-light, 5%);\n"
card_changes_2529:
id: 6629
card_action_id: 7815
field: 3
value: '0'
card_changes_2530:
id: 6634
card_action_id: 7818
field: 0
value: superhero skin+style
card_changes_2531:
id: 6635
card_action_id: 7818
field: 1
value: '943'
card_changes_2532:
id: 6636
card_action_id: 7818
field: 2
value: "// Superhero 3.3.4\n// Bootswatch\n// -----------------------------------------------------\n\n@import
url(\"//fonts.googleapis.com/css?family=Lato:300,400,700\");\n\n// Navbar =====================================================================\n\n.navbar
{\n @include box-shadow(none);\n border: none;\n font-size: 12px;\n\n &-default
{\n\n .badge {\n background-color: #fff;\n color: $navbar-default-bg;\n
\ }\n }\n\n &-inverse {\n\n .badge {\n background-color: #fff;\n color:
$navbar-inverse-bg;\n }\n }\n}\n\n// Buttons ====================================================================\n\n.btn
{\n\n font-weight: 300;\n\n &-default {\n &:hover {\n background-color:
darken($btn-default-bg, 3%);\n }\n }\n\n &-sm,\n &-xs {\n font-size:
12px;\n }\n}\n\n// Typography =================================================================\n\nbody
{\n font-weight: 300;\n}\n\n.text-primary,\n.text-primary:hover {\n color: $brand-primary;\n}\n\n.text-success,\n.text-success:hover
{\n color: $brand-success;\n}\n\n.text-danger,\n.text-danger:hover {\n color:
$brand-danger;\n}\n\n.text-warning,\n.text-warning:hover {\n color: $brand-warning;\n}\n\n.text-info,\n.text-info:hover
{\n color: $brand-info;\n}\n\n.page-header {\n border-bottom-color: $table-border-color;\n}\n\n.dropdown-menu
{\n\n border: none;\n margin: 0;\n @include box-shadow(none);\n\n > li > a
{\n font-size: 12px;\n font-weight: 300;\n }\n}\n\n.btn-group.open .dropdown-toggle
{\n @include box-shadow(none);\n}\n\n.dropdown-header {\n font-size: 12px;\n}\n\n//
Tables =====================================================================\n\ntable,\n.table
{\n font-size: 12px;\n\n a:not(.btn) {\n color: #fff;\n text-decoration:
underline;\n }\n\n .dropdown-menu a {\n text-decoration: none;\n }\n\n .text-muted
{\n color: $text-muted;\n }\n\n > thead > tr > th,\n > tbody > tr > th,\n
\ > tfoot > tr > th,\n > thead > tr > td,\n > tbody > tr > td,\n > tfoot >
tr > td {\n border-color: transparent;\n }\n }\n\n// Forms ======================================================================\n\ninput,\ntextarea
{\n color: $input-color;\n}\n\nlabel,\n.radio label,\n.checkbox label,\n.help-block
{\n font-size: 12px;\n font-weight: 300;\n}\n\n.input-addon,\n.input-group-addon
{\n color: $text-color;\n}\n\n.has-warning {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-warning;\n }\n\n .input-group-addon
{\n border: none;\n }\n}\n\n.has-error {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-danger;\n }\n\n .input-group-addon
{\n border: none;\n }\n}\n\n.has-success {\n .help-block,\n .control-label,\n
\ .form-control-feedback {\n color: $brand-success;\n }\n\n .input-group-addon
{\n border: none;\n }\n}\n\n.form-control:focus {\n @include box-shadow(none);\n}\n\n.has-warning,\n.has-error,\n.has-success
{\n .form-control:focus {\n @include box-shadow(none);\n }\n}\n\n// Navs
=======================================================================\n\n.nav
{\n .open > a,\n .open > a:hover,\n .open > a:focus {\n border-color: transparent;\n
\ }\n}\n\n.nav-tabs {\n > li > a {\n color: $text-color;\n }\n}\n\n.nav-pills
{\n > li > a {\n color: $text-color;\n }\n}\n\n.pager {\n a {\n color:
$text-color;\n }\n}\n\n// Indicators =================================================================\n\n.label
{\n font-weight: 300;\n}\n\n.alert {\n color: #fff;\n\n a,\n .alert-link {\n
\ color: #fff;\n }\n}\n\n.close {\n opacity: 0.4;\n\n &:hover,\n &:focus
{\n opacity: 1;\n }\n}\n\n// Progress bars ==============================================================\n\n//
Containers =================================================================\n\n.well
{\n @include box-shadow(none);\n}\n\na.list-group-item {\n\n &.active,\n &.active:hover,\n
\ &.active:focus {\n border: none;\n }\n\n &-success {\n &.active {\n
\ background-color: $state-success-bg;\n }\n\n &.active:hover,\n &.active:focus
{\n background-color: darken($state-success-bg, 5%);\n }\n }\n\n &-warning
{\n &.active {\n background-color: $state-warning-bg;\n }\n \n &.active:hover,\n
\ &.active:focus {\n background-color: darken($state-warning-bg, 5%);\n
\ }\n }\n\n &-danger {\n &.active {\n background-color: $state-danger-bg;\n
\ }\n \n &.active:hover,\n &.active:focus {\n background-color:
darken($state-danger-bg, 5%);\n }\n }\n}\n\n.panel {\n border: none;\n\n
\ &-default > .panel-heading {\n background-color: $table-bg-hover;\n color:
$text-color;\n }\n}\n\n.thumbnail {\n background-color: $well-bg;\n border:
none;\n}\n\n.modal {\n padding: 0;\n\n &-header,\n &-footer {\n background-color:
$table-bg-hover;\n border: none;\n border-radius: 0;\n }\n}\n\n.popover
{\n &-title {\n border: none;\n }\n}\n"
card_changes_2533:
id: 6637
card_action_id: 7818
field: 3
value: '0'
card_changes_2534:
id: 6643
card_action_id: 7822
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2535:
id: 6644
card_action_id: 7823
field: 0
value: united skin+variables
card_changes_2536:
id: 6645
card_action_id: 7823
field: 1
value: '943'
card_changes_2537:
id: 6646
card_action_id: 7823
field: 2
value: |
// United 3.3.4
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
$gray-base: #000;
$gray-darker: lighten($gray-base, 13.5%); // #222
$gray-dark: #333; // #333
$gray: #777; // #555
$gray-light: #AEA79F; // #999
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #DD4814;
$brand-success: #38B44A;
$brand-info: #772953;
$brand-warning: #EFB73E;
$brand-danger: #DF382C;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$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: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$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 ``.
$headings-font-family: $font-family-base;
$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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 14px;
$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 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 ``s and ` `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: #fff;
$btn-default-bg: $gray-light;
$btn-default-border: $btn-default-bg;
$btn-primary-color: $btn-default-color;
$btn-primary-bg: $brand-primary;
$btn-primary-border: $btn-primary-bg;
$btn-success-color: $btn-default-color;
$btn-success-bg: $brand-success;
$btn-success-border: $btn-success-bg;
$btn-info-color: $btn-default-color;
$btn-info-bg: $brand-info;
$btn-info-border: $btn-info-bg;
$btn-warning-color: $btn-default-color;
$btn-warning-bg: $brand-warning;
$btn-warning-border: $btn-warning-bg;
$btn-danger-color: $btn-default-color;
$btn-danger-bg: $brand-danger;
$btn-danger-border: $btn-danger-bg;
$btn-link-disabled-color: $gray-light;
//== Forms
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.form-group` margin
$form-group-margin-bottom: 15px;
$legend-color: $text-color;
$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: #fff;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $component-active-bg;
//** Active dropdown menu item text color.
$dropdown-link-active-color: #fff;
//** 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: #fff;
$navbar-default-bg: $brand-primary;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: #fff;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: darken($navbar-default-bg, 15%);
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: darken($navbar-default-bg, 10%);
$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: #fff;
$navbar-default-brand-hover-bg: none;
// Navbar toggle
$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 15%);
$navbar-default-toggle-icon-bar-bg: #fff;
$navbar-default-toggle-border-color: darken($navbar-default-bg, 15%);
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-info;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: #fff;
$navbar-inverse-link-hover-color: #fff;
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 15%);
$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: #ccc;
$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: none;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 15%);
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: darken($navbar-inverse-bg, 15%);
//== 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: $gray-light;
$pagination-active-bg: #f5f5f5;
$pagination-active-border: #ddd;
$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: $gray-light;
//== 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: #468847;
$state-success-bg: #dff0d8;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: #3a87ad;
$state-info-bg: #d9edf7;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-warning-text: #c09853;
$state-warning-bg: #fcf8e3;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-danger-text: #b94a48;
$state-danger-bg: #f2dede;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
//== 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: $btn-default-bg;
//** 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;
//** 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;
//** Horizontal line color.
$hr-border: $gray-lighter;
card_changes_2538:
id: 6647
card_action_id: 7823
field: 3
value: '0'
card_changes_2539:
id: 6652
card_action_id: 7826
field: 0
value: united skin+style
card_changes_2540:
id: 6653
card_action_id: 7826
field: 1
value: '943'
card_changes_2541:
id: 6654
card_action_id: 7826
field: 2
value: |-
// United 3.3.4
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Ubuntu");
// Navbar =====================================================================
.navbar {
&-default {
.badge {
background-color: #fff;
color: $navbar-default-bg;
}
}
&-inverse {
.badge {
background-color: #fff;
color: $navbar-inverse-bg;
}
}
}
// Buttons ====================================================================
// Typography =================================================================
// Tables =====================================================================
// Forms ======================================================================
// Navs =======================================================================
// Indicators =================================================================
// Progress bars ==============================================================
// Containers =================================================================
card_changes_2542:
id: 6655
card_action_id: 7826
field: 3
value: '0'
card_changes_2543:
id: 6661
card_action_id: 7830
field: 2
value: |-
[[themeless bootstrap skin]]
[[+bootswatch theme]]
card_changes_2544:
id: 6662
card_action_id: 7831
field: 0
value: yeti skin+variables
card_changes_2545:
id: 6663
card_action_id: 7831
field: 1
value: '943'
card_changes_2546:
id: 6664
card_action_id: 7831
field: 2
value: |
// Yeti 3.3.4
// 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: #6f6f6f; // #555
$gray-light: lighten($gray-base, 60%); // #999
$gray-lighter: lighten($gray-base, 93.5%); // #eee
$brand-primary: #008cba;
$brand-success: #43ac6a;
$brand-info: #5bc0de;
$brand-warning: #E99002;
$brand-danger: #F04124;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for ``.
$body-bg: #fff;
//** Global text color on ``.
$text-color: $gray-darker;
//** 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: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for ``, ``, and ``.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-sans-serif;
$font-size-base: 15px;
$font-size-large: ceil(($font-size-base * 1.25)); // ~18px
$font-size-small: 12px; // ~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.4;
//** 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 ``.
$headings-font-family: $font-family-base;
$headings-font-weight: 300;
$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: 8px;
$padding-base-horizontal: 12px;
$padding-large-vertical: 16px;
$padding-large-horizontal: 20px;
$padding-small-vertical: 8px;
$padding-small-horizontal: 12px;
$padding-xs-vertical: 4px;
$padding-xs-horizontal: 6px;
$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
$line-height-small: 1.5;
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;
//** 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 ``s and ` `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: $gray-dark;
$btn-default-bg: #e7e7e7;
$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
//
//##
//** ``s in some browsers, due to the limited stylability of ``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: $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);
//** `.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: rgba(0,0,0,.2);
//** Dropdown link text color.
$dropdown-link-color: #555;
//** Hover color for dropdown links.
$dropdown-link-hover-color: darken($gray-dark, 5%);
//** Hover background for dropdown links.
$dropdown-link-hover-bg: #eee;
//** 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: 45px;
$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: #fff;
$navbar-default-bg: $gray-dark;
$navbar-default-border: darken($navbar-default-bg, 6.5%);
// Navbar links
$navbar-default-link-color: #fff;
$navbar-default-link-hover-color: #fff;
$navbar-default-link-hover-bg: #272727;
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: #272727;
$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: $navbar-default-brand-color;
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: transparent;
$navbar-default-toggle-icon-bar-bg: #fff;
$navbar-default-toggle-border-color: transparent;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: #fff;
$navbar-inverse-bg: $brand-primary;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%);
// Inverted navbar links
$navbar-inverse-link-color: #fff;
$navbar-inverse-link-hover-color: #fff;
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 10%);
$navbar-inverse-link-active-color: #fff;
$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: transparent;
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: transparent;
//== 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: $table-border-color;
$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: $table-border-color;
$nav-tabs-justified-link-border-color: $table-border-color;
$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: transparent;
$pagination-border: transparent;
$pagination-hover-color: $link-hover-color;
$pagination-hover-bg: $gray-lighter;
$pagination-hover-border: transparent;
$pagination-active-color: #fff;
$pagination-active-bg: $brand-primary;
$pagination-active-border: transparent;
$pagination-disabled-color: $gray-light;
$pagination-disabled-bg: #fff;
$pagination-disabled-border: transparent;
//== Pager
//
//##
$pager-bg: $pagination-bg;
$pager-border: $pagination-border;
$pager-border-radius: 3px;
$pager-hover-bg: $pagination-hover-bg;
$pager-active-bg: $pagination-active-bg;
$pager-active-color: $pagination-active-color;
$pager-disabled-color: $gray-light;
//== Jumbotron
//
//##
$jumbotron-padding: 30px;
$jumbotron-color: inherit;
$jumbotron-bg: #fafafa;
$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: $brand-success;
$state-success-bg: #dff0d8;
$state-success-border: darken($state-success-text, 5%);
$state-info-text: $brand-info;
$state-info-bg: #d9edf7;
$state-info-border: darken($state-info-text, 7%);
$state-warning-text: $brand-warning;
$state-warning-bg: #fcf8e3;
$state-warning-border: darken($state-warning-text, 5%);
$state-danger-text: $brand-danger;
$state-danger-bg: #f2dede;
$state-danger-border: darken($state-danger-text, 5%);
//== Tooltips
//
//##
//** Tooltip max width
$tooltip-max-width: 200px;
//** Tooltip text color
$tooltip-color: #fff;
//** Tooltip background color
$tooltip-bg: $gray-dark;
$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: $gray-dark;
//** Popover maximum width
$popover-max-width: 276px;
//** Popover border color
$popover-border-color: transparent;
//** Popover fallback border color
$popover-fallback-border-color: $gray-dark;
//** Popover title background color
$popover-title-bg: $popover-bg;
//** 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: 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: $brand-success;
$alert-success-text: #fff;
$alert-success-border: $state-success-border;
$alert-info-bg: $brand-info;
$alert-info-text: #fff;
$alert-info-border: $state-info-border;
$alert-warning-bg: $brand-warning;
$alert-warning-text: #fff;
$alert-warning-border: $state-warning-border;
$alert-danger-bg: $brand-danger;
$alert-danger-text: #fff;
$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: $table-border-color;
//** 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: $table-border-color;
$panel-footer-bg: #f5f5f5;
$panel-default-text: $gray-dark;
$panel-default-border: $table-border-color;
$panel-default-heading-bg: #f5f5f5;
$panel-primary-text: #fff;
$panel-primary-border: $brand-primary;
$panel-primary-heading-bg: $brand-primary;
$panel-success-text: #fff;
$panel-success-border: $state-success-border;
$panel-success-heading-bg: $brand-success;
$panel-info-text: #fff;
$panel-info-border: $state-info-border;
$panel-info-heading-bg: $brand-info;
$panel-warning-text: #fff;
$panel-warning-border: $state-warning-border;
$panel-warning-heading-bg: $brand-warning;
$panel-danger-text: #fff;
$panel-danger-border: $state-danger-border;
$panel-danger-heading-bg: $brand-danger;
//== Thumbnails
//
//##
//** Padding around the thumbnail image
$thumbnail-padding: 4px;
//** Thumbnail background color
$thumbnail-bg: $body-bg;
//** Thumbnail border color
$thumbnail-border: $table-border-color;
//** 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: $jumbotron-bg;
$well-border: darken($well-bg, 7%);
//== Badges
//
//##
$badge-color: #fff;
//** Linked badge text color on hover
$badge-link-hover-color: #fff;
$badge-bg: $btn-primary-bg;
//** 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: $gray-light;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $gray-dark;
//** 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: #fff;
$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;
//** Blockquote font size
$blockquote-font-size: ($font-size-base * 1.25);
//** Blockquote border color
$blockquote-border-color: $table-border-color;
//** Page header border color
$page-header-border-color: $table-border-color;
//** Width of horizontal description list titles
$dl-horizontal-offset: $component-offset-horizontal;
//** Horizontal line color.
$hr-border: $table-border-color;
card_changes_2547:
id: 6665
card_action_id: 7831
field: 3
value: '0'
card_changes_2548:
id: 6670
card_action_id: 7834
field: 0
value: yeti skin+style
card_changes_2549:
id: 6671
card_action_id: 7834
field: 1
value: '943'
card_changes_2550:
id: 6672
card_action_id: 7834
field: 2
value: |
// Yeti 3.3.4
// Bootswatch
// -----------------------------------------------------
@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
// Navbar =====================================================================
.navbar {
border: none;
font-size: 13px;
font-weight: 300;
.navbar-toggle:hover .icon-bar {
background-color: #b3b3b3;
}
&-collapse {
border-top-color: $dropdown-divider-bg;
@include box-shadow(none);
}
.btn {
padding-top: 6px;
padding-bottom: 6px;
}
&-form {
margin-top: 7px;
margin-bottom: 5px;
.form-control {
height: auto;
padding: $padding-xs-vertical $padding-xs-horizontal;
}
}
.dropdown {
&-menu {
border: none;
> li > a,
> li > a:focus {
background-color: transparent;
font-size: 13px;
font-weight: 300;
}
}
&-header {
color: rgba(255, 255, 255, 0.5);
}
}
&-default {
.dropdown-menu {
background-color: $navbar-default-bg;
> li > a,
> li > a:focus {
color: $navbar-default-color;
}
> li > a:hover,
> .active > a,
> .active > a:hover {
background-color: $navbar-default-link-hover-bg;
}
}
}
&-inverse {
.dropdown-menu {
background-color: $navbar-inverse-bg;
> li > a,
> li > a:focus {
color: $navbar-inverse-color;
}
> li > a:hover,
> .active > a,
> .active > a:hover {
background-color: $navbar-inverse-link-hover-bg;
}
}
}
}
// Buttons ====================================================================
.btn {
padding: $padding-base-vertical $padding-base-horizontal;
&-lg {
padding: $padding-large-vertical $padding-large-horizontal;
}
&-sm {
padding: $padding-small-vertical $padding-small-horizontal;
}
&-xs {
padding: $padding-xs-vertical $padding-xs-horizontal;
}
}
.btn-group {
.btn ~ .dropdown-toggle {
padding-left: 16px;
padding-right: 16px;
}
.dropdown-menu {
border-top-width: 0;
}
&.dropup .dropdown-menu {
border-top-width: 1px;
border-bottom-width: 0;
margin-bottom: 0;
}
.dropdown-toggle {
&.btn-default ~ .dropdown-menu {
background-color: $btn-default-bg;
border-color: $btn-default-border;
> li > a {
color: $btn-default-color;
}
> li > a:hover {
background-color: darken($btn-default-bg, 8%);
}
}
&.btn-primary ~ .dropdown-menu {
background-color: $btn-primary-bg;
border-color: $btn-primary-border;
> li > a {
color: $btn-primary-color;
}
> li > a:hover {
background-color: darken($btn-primary-bg, 8%);
}
}
&.btn-success ~ .dropdown-menu {
background-color: $btn-success-bg;
border-color: $btn-success-border;
> li > a {
color: $btn-success-color;
}
> li > a:hover {
background-color: darken($btn-success-bg, 8%);
}
}
&.btn-info ~ .dropdown-menu {
background-color: $btn-info-bg;
border-color: $btn-info-border;
> li > a {
color: $btn-info-color;
}
> li > a:hover {
background-color: darken($btn-info-bg, 8%);
}
}
&.btn-warning ~ .dropdown-menu {
background-color: $btn-warning-bg;
border-color: $btn-warning-border;
> li > a {
color: $btn-warning-color;
}
> li > a:hover {
background-color: darken($btn-warning-bg, 8%);
}
}
&.btn-danger ~ .dropdown-menu {
background-color: $btn-danger-bg;
border-color: $btn-danger-border;
> li > a {
color: $btn-danger-color;
}
> li > a:hover {
background-color: darken($btn-danger-bg, 8%);
}
}
}
}
// Typography =================================================================
.lead {
color: $gray;
}
cite {
font-style: italic;
}
blockquote {
border-left-width: 1px;
color: $gray;
&.pull-right {
border-right-width: 1px;
}
small {
font-size: $font-size-small;
font-weight: 300;
}
}
// Tables =====================================================================
table {
font-size: $font-size-small;
}
// Forms ======================================================================
label,
.control-label,
.help-block,
.checkbox,
.radio {
font-size: $font-size-small;
font-weight: normal;
}
input[type="radio"],
input[type="checkbox"] {
margin-top: 1px;
}
// Navs =======================================================================
.nav {
.open > a,
.open > a:hover,
.open > a:focus {
border-color: transparent;
}
}
.nav-tabs {
> li > a {
background-color: $btn-default-bg;
color: $text-color;
}
.caret {
border-top-color: $text-color;
border-bottom-color: $text-color;
}
}
.nav-pills {
font-weight: 300;
}
.breadcrumb {
border: 1px solid $table-border-color;
border-radius: 3px;
font-size: 10px;
font-weight: 300;
text-transform: uppercase;
}
.pagination {
font-size: $font-size-small;
font-weight: 300;
color: $gray-light;
> li {
> a,
> span {
margin-left: 4px;
color: $gray-light;
}
}
> .active {
> a,
> span {
color: #fff;
}
}
> li,
> li:first-child,
> li:last-child {
> a,
> span {
border-radius: 3px;
}
}
&-lg > li > a {
padding-left: 22px;
padding-right: 22px;
}
&-sm > li > a {
padding: 0 5px;
}
}
.pager {
font-size: $font-size-small;
font-weight: 300;
color: $gray-light;
}
.list-group {
font-size: $font-size-small;
font-weight: 300;
}
// Indicators =================================================================
.close {
opacity: 0.4;
text-decoration: none;
text-shadow: none;
&:hover,
&:focus {
opacity: 1;
}
}
.alert {
font-size: $font-size-small;
font-weight: 300;
.alert-link {
font-weight: normal;
color: #fff;
text-decoration: underline;
}
}
.label {
padding-left: 1em;
padding-right: 1em;
border-radius: 0;
font-weight: 300;
&-default {
background-color: $btn-default-bg;
color: $btn-default-color;
}
}
.badge {
font-weight: 300;
}
// Progress bars ==============================================================
.progress {
height: 22px;
padding: 2px;
background-color: #f6f6f6;
border: 1px solid #ccc;
@include box-shadow(none);
}
// Containers =================================================================
.dropdown {
&-menu {
padding: 0;
margin-top: 0;
font-size: $font-size-small;
> li > a {
padding: 12px 15px;
}
}
&-header {
padding-left: 15px;
padding-right: 15px;
font-size: 9px;
text-transform: uppercase;
}
}
.popover {
color: #fff;
font-size: 12px;
font-weight: 300;
}
.panel {
&-heading,
&-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
&-default {
.close {
color: $text-color;
}
}
}
.modal {
.close {
color: $text-color;
}
}
card_changes_2551:
id: 6673
card_action_id: 7834
field: 3
value: '0'
card_changes_2552:
id: 6680
card_action_id: 7839
field: 1
value: '1033'
card_changes_2553:
id: 6686
card_action_id: 7883
field: 0
value: Session
card_changes_2554:
id: 6687
card_action_id: 7883
field: 1
value: '5'
card_changes_2555:
id: 6688
card_action_id: 7883
field: 2
value: "{{+description|content}}
\r\n
\r\n[[/new/{{_self|linkname}}|add
{{_self|name}} card]]
\r\n
\r\n{{+*type+by name|content}}
"
card_changes_2556:
id: 6689
card_action_id: 7883
field: 3
value: '0'
card_changes_2557:
id: 6690
card_action_id: 7884
field: 0
value: Session+description
card_changes_2558:
id: 6691
card_action_id: 7884
field: 1
value: '3'
card_changes_2559:
id: 6692
card_action_id: 7884
field: 2
value: |-
Session cards are for non-permanent content.
They are not stored in the database and can have different values for different users.
You can use a Session card to keep track of certain state of a particular user like the content
of shopping basket.
card_changes_2560:
id: 6693
card_action_id: 7884
field: 3
value: '0'
card_changes_2561:
id: 6694
card_action_id: 7885
field: 0
value: "*edit toolbar pinned"
card_changes_2562:
id: 6695
card_action_id: 7885
field: 1
value: '1507'
card_changes_2563:
id: 6696
card_action_id: 7885
field: 2
value: ''
card_changes_2564:
id: 6697
card_action_id: 7885
field: 3
value: '0'
card_changes_2565:
id: 6698
card_action_id: 7886
field: 0
value: "*toolbar pinned"
card_changes_2566:
id: 6699
card_action_id: 7886
field: 1
value: '1507'
card_changes_2567:
id: 6700
card_action_id: 7886
field: 2
value: ''
card_changes_2568:
id: 6701
card_action_id: 7886
field: 3
value: '0'