mirror of
https://github.com/nottinghamtec/PyRIGS.git
synced 2026-01-23 08:22:15 +00:00
Set up static files correctly
Working authentication
This commit is contained in:
tjp03u
849
static/scss/_bootstrap-variables.scss
Normal file
849
static/scss/_bootstrap-variables.scss
Normal file
@@ -0,0 +1,849 @@
|
||||
// a flag to toggle asset pipeline / compass integration
|
||||
// defaults to true if twbs-font-path function is present (no function => twbs-font-path('') parsed as string == right side)
|
||||
// in Sass 3.3 this can be improved with: function-exists(twbs-font-path)
|
||||
$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
//== Colors
|
||||
//
|
||||
//## Gray and brand colors for use across Bootstrap.
|
||||
|
||||
$gray-darker: lighten(#000, 13.5%) !default; // #222
|
||||
$gray-dark: lighten(#000, 20%) !default; // #333
|
||||
$gray: lighten(#000, 33.5%) !default; // #555
|
||||
$gray-light: lighten(#000, 46.7%) !default; // #777
|
||||
$gray-lighter: lighten(#000, 93.5%) !default; // #eee
|
||||
|
||||
$brand-primary: #428bca !default;
|
||||
$brand-success: #5cb85c !default;
|
||||
$brand-info: #5bc0de !default;
|
||||
$brand-warning: #f0ad4e !default;
|
||||
$brand-danger: #d9534f !default;
|
||||
|
||||
|
||||
//== Scaffolding
|
||||
//
|
||||
//## Settings for some of the most global styles.
|
||||
|
||||
//** Background color for `<body>`.
|
||||
$body-bg: #fff !default;
|
||||
//** Global text color on `<body>`.
|
||||
$text-color: $gray-dark !default;
|
||||
|
||||
//** Global textual link color.
|
||||
$link-color: $brand-primary !default;
|
||||
//** Link hover color set via `darken()` function.
|
||||
$link-hover-color: darken($link-color, 15%) !default;
|
||||
|
||||
|
||||
//== Typography
|
||||
//
|
||||
//## Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
||||
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
|
||||
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
||||
$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 `<body>`.
|
||||
$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.
|
||||
$icon-font-path: "../../fonts/" !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.33 !default;
|
||||
$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 `<th>`s and `<td>`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
|
||||
//
|
||||
//##
|
||||
|
||||
//** `<input>` background color
|
||||
$input-bg: #fff !default;
|
||||
//** `<input disabled>` background color
|
||||
$input-bg-disabled: $gray-lighter !default;
|
||||
|
||||
//** Text color for `<input>`s
|
||||
$input-color: $gray !default;
|
||||
//** `<input>` border color
|
||||
$input-border: #ccc !default;
|
||||
//** `<input>` border radius
|
||||
$input-border-radius: $border-radius-base !default;
|
||||
//** Border color for inputs on focus
|
||||
$input-border-focus: #66afe9 !default;
|
||||
|
||||
//** Placeholder text color
|
||||
$input-color-placeholder: $gray-light !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;
|
||||
|
||||
$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;
|
||||
|
||||
|
||||
//== 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: $gray-light !default;
|
||||
$navbar-inverse-bg: #222 !default;
|
||||
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
|
||||
|
||||
// Inverted navbar links
|
||||
$navbar-inverse-link-color: $gray-light !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;
|
||||
|
||||
$nav-open-link-hover-color: #fff !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: #fff !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;
|
||||
|
||||
//** 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;
|
||||
|
||||
5
static/scss/ie.scss
Normal file
5
static/scss/ie.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
/* Welcome to Compass. Use this file to write IE specific override styles.
|
||||
* Import this file using the following HTML or equivalent:
|
||||
* <!--[if IE]>
|
||||
* <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||
* <![endif]--> */
|
||||
60
static/scss/jq-ui-bootstrap/_autocomplete.scss
Normal file
60
static/scss/jq-ui-bootstrap/_autocomplete.scss
Normal file
@@ -0,0 +1,60 @@
|
||||
/*
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Accordion 1.10.3
|
||||
* http://jqueryui.com/accordion/
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI .ui-accordion Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
/* IE/Win - Fix animation bug - #4615 */
|
||||
.ui-accordion {
|
||||
width: 100%;
|
||||
.ui-accordion-li-fix {
|
||||
display: inline;
|
||||
}
|
||||
.ui-accordion-header-active {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.ui-accordion-header {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
margin-top: 2px;
|
||||
padding: .5em .5em .5em .7em;
|
||||
min-height: 0; /* support: IE7 */
|
||||
}
|
||||
.ui-accordion-icons {
|
||||
padding-left: 2.2em;
|
||||
}
|
||||
.ui-accordion-noicons {
|
||||
padding-left: .7em;
|
||||
}
|
||||
.ui-accordion-icons {
|
||||
.ui-accordion-icons{
|
||||
padding-left: 2.2em;
|
||||
}
|
||||
}
|
||||
.ui-accordion-header {
|
||||
.ui-accordion-header-icon {
|
||||
position: absolute;
|
||||
left: .5em;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
}
|
||||
.ui-accordion-content {
|
||||
padding: 1em 2.2em;
|
||||
border-top: 0;
|
||||
margin-top: -2px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-bottom: 2px;
|
||||
overflow: auto;
|
||||
display: none;
|
||||
}
|
||||
.ui-accordion-content-active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
100
static/scss/jq-ui-bootstrap/_base.scss
Normal file
100
static/scss/jq-ui-bootstrap/_base.scss
Normal file
@@ -0,0 +1,100 @@
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.ui-helper-clearfix:before,
|
||||
.ui-helper-clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.ui-helper-clearfix:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ui-helper-clearfix {
|
||||
/*display: inline-block; */
|
||||
display: block;
|
||||
min-height: 0; /* support: IE7 */
|
||||
}
|
||||
|
||||
/* required comment for clearfix to work in Opera \*/
|
||||
* html .ui-helper-clearfix {
|
||||
height:1%;
|
||||
}
|
||||
|
||||
/* end clearfix */
|
||||
.ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
|
||||
.ui-widget-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
229
static/scss/jq-ui-bootstrap/_button.scss
Normal file
229
static/scss/jq-ui-bootstrap/_button.scss
Normal file
@@ -0,0 +1,229 @@
|
||||
/*
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Button 1.10.3
|
||||
* http://docs.jquery.com/UI/Button#theming
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
.ui-button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: @ui-padding-base-vertical @ui-padding-base-horizontal;
|
||||
margin-bottom: 0;
|
||||
font-size: @font-size-base;
|
||||
font-weight: normal;
|
||||
line-height: @line-height-base;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border: 1px solid @ui-btn-default-border;
|
||||
background-color:@ui-white;
|
||||
.ui-user-select(none);
|
||||
&:focus {
|
||||
.ui-tab-focus()
|
||||
}
|
||||
&:focus, &:hover {
|
||||
color: #333333;
|
||||
background-color: #ebebeb;
|
||||
border-color: #adadad;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
ui-button.disabled,
|
||||
ui-button[disabled],
|
||||
fieldset[disabled] ui-button,
|
||||
ui-button.disabled:hover,
|
||||
ui-button[disabled]:hover,
|
||||
fieldset[disabled] ui-button:hover,
|
||||
ui-button.disabled:focus,
|
||||
ui-button[disabled]:focus,
|
||||
fieldset[disabled] ui-button:focus,
|
||||
ui-button.disabled:active,
|
||||
ui-button[disabled]:active,
|
||||
fieldset[disabled] ui-button:active,
|
||||
ui-button.disabled.active,
|
||||
ui-button[disabled].active,
|
||||
fieldset[disabled] ui-button.ui-state-active {
|
||||
background-color: @ui-white;
|
||||
border-color: #cccccc;
|
||||
}
|
||||
|
||||
.ui-btn-large{
|
||||
.btn-lg;
|
||||
}
|
||||
|
||||
.ui-btn-small{
|
||||
.btn-sm;
|
||||
}
|
||||
|
||||
.ui-btn-mini {
|
||||
.btn-xs;
|
||||
}
|
||||
|
||||
.ui-btn-block {
|
||||
.btn-block;
|
||||
}
|
||||
|
||||
.ui-btn-block + .ui-btn-block {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
input[type="submit"], input[type="reset"], input[type="button"]{
|
||||
&.ui-btn-block{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-button-text-icon-primary
|
||||
.ui-button-icon-primary {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.ui-button-text-icon-primary {
|
||||
padding:2px 7px 3px;
|
||||
}
|
||||
|
||||
.ui-button {
|
||||
.ui-button-variant(@ui-white, @ui-btn-default-bg, @ui-btn-default-border);
|
||||
}
|
||||
|
||||
.ui-button-primary {
|
||||
.ui-button-variant(@ui-white, @ui-btn-primary-bg, @ui-btn-primary-border);
|
||||
}
|
||||
.ui-button-warning {
|
||||
.ui-button-variant(@ui-white, @ui-btn-warning-bg, @ui-btn-warning-border);
|
||||
}
|
||||
.ui-button-info {
|
||||
.ui-button-variant(@ui-white, @ui-btn-info-bg, @ui-btn-info-border);
|
||||
}
|
||||
.ui-button-danger {
|
||||
.ui-button-variant(@ui-white, @ui-btn-danger-bg, @ui-btn-danger-border);
|
||||
}
|
||||
.ui-button-inverse {
|
||||
.ui-button-variant(@ui-white, @ui-gray-darker, @ui-gray-darker);
|
||||
}
|
||||
.ui-button-success {
|
||||
.ui-button-variant(@ui-white, @ui-btn-success-bg, @ui-btn-success-border);
|
||||
}
|
||||
.ui-button-error {
|
||||
.ui-button-variant(@ui-white, @ui-btn-danger-bg, @ui-btn-danger-border);
|
||||
}
|
||||
|
||||
/* to make room for the icon, a width needs to be set here */
|
||||
.ui-button-icon-only {
|
||||
width: 2.2em;
|
||||
}
|
||||
|
||||
/* button elements seem to need a little more width */
|
||||
.ui-button-icons-only {
|
||||
width: 3.4em;
|
||||
}
|
||||
|
||||
button.ui-button-icons-only {
|
||||
width: 3.7em;
|
||||
}
|
||||
|
||||
.ui-button-text-icon-primary .ui-button-icon-primary.ui-icon {
|
||||
margin-top:5px;
|
||||
}
|
||||
/*button text element */
|
||||
|
||||
.ui-button .ui-button-text {
|
||||
display: block;
|
||||
line-height: @ui-line-height-base;
|
||||
}
|
||||
|
||||
.ui-button-icon-only .ui-button-text,
|
||||
.ui-button-icons-only .ui-button-text {
|
||||
padding: .4em;
|
||||
text-indent: -9999px;
|
||||
display:none; /*tempfix*/
|
||||
}
|
||||
|
||||
.ui-button-text-icon-primary .ui-button-text,
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 1em .4em 2.1em;
|
||||
}
|
||||
|
||||
.ui-button-text-icon-secondary .ui-button-text,
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 2.1em .4em 1em;
|
||||
}
|
||||
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding-left: 2.1em;
|
||||
padding-right: 2.1em;
|
||||
}
|
||||
|
||||
/* no icon support for input elements, provide padding by default */
|
||||
input.ui-button {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
|
||||
/*button icon element(s) */
|
||||
.ui-button-icon-only .ui-icon,
|
||||
.ui-button-text-icon-primary .ui-icon,
|
||||
.ui-button-text-icon-secondary .ui-icon,
|
||||
.ui-button-text-icons .ui-icon,
|
||||
.ui-button-icons-only .ui-icon {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.ui-button-icon-only .ui-icon {
|
||||
left: 50%;
|
||||
/* chrome margin*/
|
||||
margin-left: -8px;
|
||||
/* firefox margin*/
|
||||
margin-right: -6px;
|
||||
}
|
||||
|
||||
.ui-button-text-icon-primary, .ui-button-text-icons, .ui-button-icons-only {
|
||||
.ui-button-icon-primary {
|
||||
left: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-button-text-icon-secondary, .ui-button-text-icons, .ui-button-icons-only {
|
||||
.ui-button-icon-secondary{
|
||||
right: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-button-text-icons, .ui-button-icons-only {
|
||||
.ui-button-icon-secondary{
|
||||
right: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
/*button sets*/
|
||||
|
||||
.ui-buttonset {
|
||||
margin-right: 7px;
|
||||
.ui-state-active {
|
||||
color: @ui-white;
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
&.ui-state-hover {
|
||||
color: @ui-white;
|
||||
background-color: #3276b1;
|
||||
border-color: #285e8e;
|
||||
}
|
||||
}
|
||||
.ui-button {
|
||||
margin-left: 0;
|
||||
margin-right: -.4em;
|
||||
}
|
||||
}
|
||||
|
||||
/* reset extra padding in Firefox */
|
||||
button.ui-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
169
static/scss/jq-ui-bootstrap/_core.scss
Normal file
169
static/scss/jq-ui-bootstrap/_core.scss
Normal file
@@ -0,0 +1,169 @@
|
||||
/*
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI CSS Framework 1.10.3
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
|
||||
.ui-widget {
|
||||
font-family: @font-family-sans-serif;
|
||||
font-size: 13px;
|
||||
.ui-widget {
|
||||
font-size: 13px;
|
||||
}
|
||||
input, select, textarea, button {
|
||||
font-family: @font-family-sans-serif;
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-widget-content {
|
||||
border: 1px solid @gray-light;
|
||||
background: @body-bg url("@{ui-image-dir}/ui-bg_glass_75_@{ui-body-bg-num}_1x400.png") 50% 50% repeat-x;
|
||||
color: @gray-dark;
|
||||
}
|
||||
|
||||
.ui-widget-header {
|
||||
font-weight: bold;
|
||||
background-color: @panel-default-heading-bg;
|
||||
border-color: @panel-default-border;
|
||||
a {
|
||||
color: @gray-darker;
|
||||
}
|
||||
}
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
color: #333333;
|
||||
background-color: @ui-white;
|
||||
font-weight: normal;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
.ui-state-default {
|
||||
a, a:link, a:visited {
|
||||
color: #555555;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus {
|
||||
color: #333333;
|
||||
background-color: #ebebeb;
|
||||
border-color: #adadad;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-state-hover {
|
||||
a, a:hover, a:link, a:visited {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active {
|
||||
border: 1px solid #adadad;
|
||||
font-weight: normal;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.ui-state-active {
|
||||
a, a:link, a:visited {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
|
||||
.ui-state-highlight,
|
||||
.ui-state-error,
|
||||
.ui-state-default {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.ui-state-highlight p,
|
||||
.ui-state-error p,
|
||||
.ui-state-default p {
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
margin:7px 15px;
|
||||
}
|
||||
|
||||
.ui-state-highlight,
|
||||
.ui-widget-content .ui-state-highlight,
|
||||
.ui-widget-header .ui-state-highlight {
|
||||
color: #3a87ad;
|
||||
background-color: #d9edf7;
|
||||
border-color: #bce8f1;
|
||||
}
|
||||
|
||||
.ui-state-highlight a,
|
||||
.ui-widget-content .ui-state-highlight a,
|
||||
.ui-widget-header .ui-state-highlight a {
|
||||
color: #2d6987;
|
||||
}
|
||||
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error,
|
||||
.ui-widget-header .ui-state-error {
|
||||
color: #b94a48;
|
||||
background-color: #f2dede;
|
||||
border-color: #eed3d7;
|
||||
}
|
||||
|
||||
.ui-state-error a,
|
||||
.ui-widget-content .ui-state-error a,
|
||||
.ui-widget-header .ui-state-error a {
|
||||
color: #953b39;
|
||||
}
|
||||
|
||||
.ui-state-error-text,
|
||||
.ui-widget-content .ui-state-error-text,
|
||||
.ui-widget-header .ui-state-error-text {
|
||||
color: #953b39;
|
||||
}
|
||||
|
||||
.ui-priority-primary,
|
||||
.ui-widget-content .ui-priority-primary,
|
||||
.ui-widget-header .ui-priority-primary {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary,
|
||||
.ui-widget-header .ui-priority-secondary {
|
||||
.ui-opacity(.7);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled,
|
||||
.ui-widget-header .ui-state-disabled {
|
||||
.ui-opacity(.35);
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.ui-state-disabled .ui-icon {
|
||||
.ui-opacity(.35); /* For IE8 - See #6059 */
|
||||
}
|
||||
248
static/scss/jq-ui-bootstrap/_datepicker.scss
Normal file
248
static/scss/jq-ui-bootstrap/_datepicker.scss
Normal file
@@ -0,0 +1,248 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Datepicker 1.10.3
|
||||
* http://docs.jquery.com/UI/Datepicker#theming
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
.ui-datepicker {
|
||||
width: 17em;
|
||||
padding: .2em .2em 0;
|
||||
display: none;
|
||||
.ui-datepicker-header {
|
||||
position:relative;
|
||||
padding:.2em 0;
|
||||
border:0;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
padding: 4px 0;
|
||||
background-color: @table-bg-hover;
|
||||
color: @ui-gray;
|
||||
}
|
||||
.ui-datepicker-prev,
|
||||
.ui-datepicker-next {
|
||||
position:absolute;
|
||||
top: 2px;
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev-hover,
|
||||
.ui-datepicker-next-hover {
|
||||
/*top: 1px;*/
|
||||
}
|
||||
.ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker-next { right:2px; }
|
||||
|
||||
.ui-datepicker-prev-hover { /*left:1px;*/ }
|
||||
.ui-datepicker-next-hover { /*right:1px;*/ }
|
||||
|
||||
.ui-datepicker-prev span,
|
||||
.ui-datepicker-next span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-datepicker-title {
|
||||
margin: 0 2.3em;
|
||||
line-height: 1.8em;
|
||||
text-align: center;
|
||||
select {
|
||||
font-size:1em;
|
||||
margin:1px 0;
|
||||
}
|
||||
}
|
||||
select.ui-datepicker-month-year {
|
||||
width: 100%;
|
||||
}
|
||||
select.ui-datepicker-month, select.ui-datepicker-year {
|
||||
width: 49%;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
font-size: .9em;
|
||||
border-collapse: collapse;
|
||||
margin:0 0 .4em;
|
||||
}
|
||||
th {
|
||||
padding: .7em .3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
}
|
||||
td {
|
||||
border: 0;
|
||||
padding: 1px;
|
||||
span, a {
|
||||
display: block;
|
||||
padding: .2em;
|
||||
text-align: right;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.ui-datepicker-buttonpane {
|
||||
background-image: none;
|
||||
margin: .7em 0 0 0;
|
||||
padding:0 .2em;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
button {
|
||||
float: right;
|
||||
margin: .5em .2em .4em;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
width:auto;
|
||||
overflow:visible;
|
||||
.ui-datepicker-current {
|
||||
float:left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table {
|
||||
width:95%;
|
||||
margin:0 auto .4em;
|
||||
}
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break {
|
||||
clear:both;
|
||||
width:100%;
|
||||
font-size:0em;
|
||||
}
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
.ui-datepicker-prev {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
&:hover {
|
||||
right: 1px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.ui-datepicker-next {
|
||||
left: 2px;
|
||||
right: auto;
|
||||
&:hover {
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
.ui-datepicker-buttonpane {
|
||||
clear:right;
|
||||
button {
|
||||
float: left;
|
||||
.ui-datepicker-current {
|
||||
float:right;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ui-datepicker-group {
|
||||
float:right;
|
||||
}
|
||||
.ui-datepicker-group-last .ui-datepicker-header {
|
||||
border-right-width:0;
|
||||
border-left-width:1px;
|
||||
}
|
||||
.ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-right-width:0;
|
||||
border-left-width:1px;
|
||||
}
|
||||
}
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
//display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}
|
||||
|
||||
.ui-datepicker th{
|
||||
font-weight: bold;
|
||||
color: @ui-gray;
|
||||
}
|
||||
|
||||
.ui-datepicker-today {
|
||||
a{
|
||||
background-color: @ui-link-color;
|
||||
cursor: pointer;
|
||||
padding: 0 4px;
|
||||
margin-bottom:0px;
|
||||
&:hover{
|
||||
background-color: @ui-gray;
|
||||
color: @ui-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ui-datepicker td {
|
||||
a{
|
||||
margin-bottom:0px;
|
||||
border:0px;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color:@ui-white;
|
||||
}
|
||||
|
||||
.ui-state-default {
|
||||
border: 0;
|
||||
background:none;
|
||||
margin-bottom: 0;
|
||||
padding: 5px;
|
||||
color: @ui-gray;
|
||||
text-align: center;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.ui-state-highlight{
|
||||
color: @ui-white;
|
||||
background: @label-info-bg;
|
||||
border-color: #46b8da;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
.ui-border-radius(4px);
|
||||
}
|
||||
|
||||
.ui-state-active {
|
||||
color:@gray-dark;
|
||||
background:@ui-gray-lighter;
|
||||
border-color: #adadad;
|
||||
margin-bottom:0px;
|
||||
font-size:normal;
|
||||
text-shadow: 0px;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
.ui-border-radius( 4px );
|
||||
}
|
||||
.ui-state-hover{
|
||||
color:@ui-white;
|
||||
background:@label-primary-bg;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
border-color: #357ebd;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
.ui-border-radius( 4px );
|
||||
}
|
||||
}
|
||||
193
static/scss/jq-ui-bootstrap/_dialog.scss
Normal file
193
static/scss/jq-ui-bootstrap/_dialog.scss
Normal file
@@ -0,0 +1,193 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Dialog 1.10.3
|
||||
* http://docs.jquery.com/UI/Dialog#theming
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
.ui-dialog {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .2em;
|
||||
width: 300px;
|
||||
overflow: hidden;
|
||||
outline: 0;
|
||||
background-clip: padding-box;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
border-radius: @border-radius-large;
|
||||
.ui-box-shadow(0 3px 7px rgba(0, 0, 0, 0.3));
|
||||
outline: medium none;
|
||||
z-index: 1050;
|
||||
.ui-dialog-titlebar {
|
||||
/*padding: .4em 1em;*/
|
||||
position: relative;
|
||||
border:0px 0px 0px 1px solid;
|
||||
border-color: @ui-white;
|
||||
padding: 5px 15px;
|
||||
font-size: 18px;
|
||||
text-decoration:none;
|
||||
#ui-border-radius > .bottomRight ( 0px );
|
||||
#ui-border-radius > .bottomLeft ( 0px );
|
||||
border-bottom:1px solid darken(@ui-gray-lighter, 14);
|
||||
}
|
||||
.ui-dialog-title {
|
||||
float: left;
|
||||
color:@ui-gray-dark; // FIXME - this needs to be #404040
|
||||
font-weight:bold;
|
||||
margin-top:5px;
|
||||
margin-bottom:5px;
|
||||
padding:5px 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-dialog-titlebar-close {
|
||||
position: absolute;
|
||||
right: .3em;
|
||||
top: 50%;
|
||||
width: 19px;
|
||||
margin: -20px 0 0 0;
|
||||
padding: 1px;
|
||||
height: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
line-height: 13.5px;
|
||||
text-shadow: 0 1px 0 @ui-white;
|
||||
.ui-opacity(.25);
|
||||
background: none;
|
||||
border-width: 0;
|
||||
border: none;
|
||||
.box-shadow( none);
|
||||
}
|
||||
.ui-dialog-titlebar-close span {
|
||||
display: block;
|
||||
margin: 1px;
|
||||
text-indent:9999px;
|
||||
}
|
||||
.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus {
|
||||
.opacity(.9);
|
||||
}
|
||||
.ui-dialog-content {
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 15px;
|
||||
background: none;
|
||||
overflow: auto;
|
||||
}
|
||||
.ui-dialog-buttonpane {
|
||||
text-align: left;
|
||||
border-width: 1px 0 0 0;
|
||||
background-image: none;
|
||||
margin: .5em 0 0 0;
|
||||
background-color: @ui-form-actions-background;
|
||||
padding: 5px 15px 5px;
|
||||
border-top: 1px solid darken(@ui-gray-lighter,10%);
|
||||
#ui-border-radius > .border( 0, 0, 6px, 6px );
|
||||
.ui-box-shadow( inset 0 1px 0 @ui-white );
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: right;
|
||||
}
|
||||
.ui-dialog-buttonpane button {
|
||||
margin: .5em .4em .5em 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-resizable-se {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
}
|
||||
}
|
||||
.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
|
||||
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
|
||||
color: #ffffff;
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
&.ui-state-hover{
|
||||
color: #ffffff;
|
||||
background-color: #3276b1;
|
||||
border-color: #285e8e;
|
||||
}
|
||||
}
|
||||
|
||||
/***Dialog fixes**/
|
||||
.ui-dialog-buttonset .ui-button:not(:first-child) {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #cccccc;
|
||||
.ui-transition( 0.1s linear all);
|
||||
overflow: visible;
|
||||
&.ui-state-hover{
|
||||
color: #333333;
|
||||
background-color: #ebebeb;
|
||||
border-color: #adadad;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-dialog-buttonset .ui-button{
|
||||
/* ui-dialog-buttonset UI info */
|
||||
&.ui-button-info{
|
||||
color: #ffffff;
|
||||
background-color: #5bc0de;
|
||||
border-color: #46b8da;
|
||||
&.ui-state-hover{
|
||||
color: #ffffff;
|
||||
background-color: #39b3d7;
|
||||
border-color: #269abc;
|
||||
}
|
||||
}
|
||||
/* ui-dialog-buttonset UI success */
|
||||
&.ui-button-success{
|
||||
color: #ffffff;
|
||||
background-color: #5cb85c;
|
||||
border-color: #4cae4c;
|
||||
&.ui-state-hover{
|
||||
color: #ffffff;
|
||||
background-color: #47a447;
|
||||
border-color: #398439;
|
||||
}
|
||||
}
|
||||
/* ui-dialog-buttonset UI warning */
|
||||
&.ui-button-warning{
|
||||
color: #ffffff;
|
||||
background-color: #f0ad4e;
|
||||
border-color: #eea236;
|
||||
&.ui-state-hover{
|
||||
color: #ffffff;
|
||||
background-color: #ed9c28;
|
||||
border-color: #d58512;
|
||||
}
|
||||
}
|
||||
/* ui-dialog-buttonset UI Danger */
|
||||
&.ui-button-danger{
|
||||
color: #ffffff;
|
||||
background-color: #d9534f;
|
||||
border-color: #d43f3a;
|
||||
&.ui-state-hover{
|
||||
color: #ffffff;
|
||||
background-color: #d2322d;
|
||||
border-color: #ac2925;
|
||||
}
|
||||
}
|
||||
/* ui-dialog-buttonset UI Inverse */
|
||||
&.ui-button-inverse{
|
||||
color: #ffffff;
|
||||
background-color: #222222;
|
||||
border-color: #080808;
|
||||
&.ui-state-hover{
|
||||
color: #ffffff;
|
||||
background-color: #363636;
|
||||
border-color: #000000;
|
||||
}
|
||||
}
|
||||
}
|
||||
233
static/scss/jq-ui-bootstrap/_icons.scss
Normal file
233
static/scss/jq-ui-bootstrap/_icons.scss
Normal file
@@ -0,0 +1,233 @@
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
|
||||
// FIXME - The said images are not present under the image directory currently! Need to think about how to fix that!
|
||||
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-gray-darker-num}_256x240.png");
|
||||
}
|
||||
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-gray-darker-num}_256x240.png");
|
||||
}
|
||||
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-gray-darker-num}_256x240.png");
|
||||
}
|
||||
|
||||
.ui-state-default .ui-icon {
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-gray-light-num}_256x240.png");
|
||||
}
|
||||
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon {
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-gray-num}_256x240.png");
|
||||
}
|
||||
|
||||
.ui-state-active .ui-icon {
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-gray-num}_256x240.png");
|
||||
}
|
||||
|
||||
.ui-state-highlight .ui-icon {
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-brand-primary-num}_256x240.png");
|
||||
}
|
||||
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url("@{ui-image-dir}/ui-icons_@{ui-brand-warning-num}_256x240.png");
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-on { background-position: -96px -144px; }
|
||||
.ui-icon-radio-off { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
128
static/scss/jq-ui-bootstrap/_jq-ui-bootstrap-mixin-adapter.scss
Normal file
128
static/scss/jq-ui-bootstrap/_jq-ui-bootstrap-mixin-adapter.scss
Normal file
@@ -0,0 +1,128 @@
|
||||
/*
|
||||
* jQuery UI Bootstrap v1.0 Alpha (Mixins)
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT.
|
||||
*/
|
||||
|
||||
// Border Radius
|
||||
#ui-border-radius {
|
||||
.topLeft ( @radius: 4px ) {
|
||||
-moz-border-radius-topleft: @radius;
|
||||
-webkit-border-top-left-radius: @radius;
|
||||
-khtml-border-top-left-radius: @radius;
|
||||
border-top-left-radius: @radius;
|
||||
}
|
||||
.topRight ( @radius: 4px ) {
|
||||
-moz-border-radius-topright: @radius;
|
||||
-webkit-border-top-right-radius: @radius;
|
||||
-khtml-border-top-right-radius: @radius;
|
||||
border-top-right-radius: @radius;
|
||||
}
|
||||
.bottomLeft ( @radius: 4px ) {
|
||||
-moz-border-radius-bottomleft: @radius;
|
||||
-webkit-border-bottom-left-radius: @radius;
|
||||
-khtml-border-bottom-left-radius: @radius;
|
||||
border-bottom-left-radius: @radius;
|
||||
}
|
||||
.bottomRight ( @radius: 4px ) {
|
||||
-moz-border-radius-bottomright: @radius;
|
||||
-webkit-border-bottom-right-radius: @radius;
|
||||
-khtml-border-bottom-right-radius: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
}
|
||||
|
||||
.border( @topLeft:6px, @topRight:6px, @bottomRight:6px, @bottomLeft:6px ) {
|
||||
-webkit-border-radius: @topLeft @topRight @bottomRight @bottomLeft;
|
||||
-moz-border-radius: @topLeft @topRight @bottomRight @bottomLeft;
|
||||
border-radius: @topLeft @topRight @bottomRight @bottomLeft;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.ui-border-radius( @radius ){
|
||||
#ui-border-radius > .topLeft ( @radius );
|
||||
#ui-border-radius > .topRight ( @radius );
|
||||
#ui-border-radius > .bottomLeft ( @radius );
|
||||
#ui-border-radius > .bottomRight ( @radius );
|
||||
}
|
||||
|
||||
#ui-gradient {
|
||||
.vertical(@startColor, @endColor){
|
||||
#gradient > .vertical(@startColor, @endColor);
|
||||
}
|
||||
|
||||
.vertical-three-colors(@startColor, @midColor, @colorStop, @endColor) {
|
||||
#gradient > .vertical-three-colors(@startColor, @midColor, @colorStop, @endColor);
|
||||
}
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.ui-transition( @transition ){
|
||||
.transition( @transition );
|
||||
}
|
||||
|
||||
.ui-transition( @arg1, @arg2 ) {
|
||||
-webkit-transition: @arg1, @arg2;
|
||||
-moz-transition: @arg1, @arg2;
|
||||
-ms-transition: @arg1, @arg2;
|
||||
-o-transition: @arg1, @arg2;
|
||||
transition: @arg1, @arg2;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.ui-box-shadow( @shadow ){
|
||||
.box-shadow( @shadow );
|
||||
}
|
||||
|
||||
.ui-box-shadow( @arg1, @arg2 ){
|
||||
-webkit-box-shadow: @arg1, @arg2;
|
||||
-moz-box-shadow: @arg1, @arg2;
|
||||
box-shadow: @arg1, @arg2;
|
||||
}
|
||||
|
||||
.ui-button-variant(@color; @background; @border) {
|
||||
.button-variant(@color; @background; @border);
|
||||
}
|
||||
|
||||
.ui-button-size (@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large){
|
||||
.button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
||||
}
|
||||
|
||||
.ui-btn-lg{
|
||||
.ui-button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
||||
}
|
||||
.ui-btn-xs{
|
||||
.ui-button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
||||
}
|
||||
.ui-btn-sm{
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
.ui-opacity(@opacity) {
|
||||
.opacity(@opacity); // removed "/100" so that same values can be used via .opacity and .ui-opacity mixins.
|
||||
}
|
||||
|
||||
.ui-reset-filter(){
|
||||
.reset-filter();
|
||||
}
|
||||
|
||||
.ui-box-sizing(@boxmodel) {
|
||||
.box-sizing(@boxmodel);
|
||||
}
|
||||
|
||||
.ui-user-select(@select) {
|
||||
.user-select(@select);
|
||||
}
|
||||
|
||||
.ui-tab-focus() {
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
.ui-animation(@anim) {
|
||||
-webkit-animation: @anim;
|
||||
-moz-animation: @anim;
|
||||
-ms-animation: @anim;
|
||||
-o-animation: @anim;
|
||||
animation: @anim;
|
||||
}
|
||||
@@ -0,0 +1,134 @@
|
||||
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
$ui-black: #000;
|
||||
$ui-gray-darker: $gray-darker;
|
||||
$ui-gray-dark: $gray-dark;
|
||||
$ui-gray: $gray;
|
||||
$ui-gray-light: $gray-light;
|
||||
$ui-gray-lighter: $gray-lighter;
|
||||
$ui-white: #fff;
|
||||
|
||||
|
||||
// Brand colors
|
||||
// -------------------------
|
||||
$ui-brand-primary: $brand-primary;
|
||||
$ui-brand-success: $brand-success;
|
||||
$ui-brand-warning: $brand-warning;
|
||||
$ui-brand-danger: $brand-danger;
|
||||
$ui-brand-info: $brand-info;
|
||||
|
||||
$ui-blue-dark: #003f81;
|
||||
$ui-blue: #003f81;
|
||||
$ui-blue-light: #0069D6;
|
||||
|
||||
$ui-green-light: #62c462;
|
||||
$ui-green: #51A351;
|
||||
$ui-green-dark: #3d773d;
|
||||
|
||||
$ui-red-lighter: #ee5f5b;
|
||||
$ui-red-light: #c43c35;
|
||||
$ui-red: #cd0a0a;
|
||||
$ui-red-dark: #882a25;
|
||||
|
||||
$ui-yellow-lighter: #fceec1;
|
||||
$ui-yellow-light: #eedc94;
|
||||
$ui-yellow: #e4c652;
|
||||
|
||||
$ui-gray-darker-num : 222222;
|
||||
$ui-gray-num: 555555;
|
||||
$ui-brand-primary-num: 428bca;
|
||||
$ui-brand-warning-num: f0ad4e;
|
||||
$ui-body-bg-num: ffffff;
|
||||
$ui-gray-light-num: 999999;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
|
||||
$ui-body-bg: $body-bg;
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
$ui-link-color: $link-color;
|
||||
$ui-link-hover-color: $link-hover-color;
|
||||
|
||||
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
$ui-font-family-sans-serif: $font-family-sans-serif;
|
||||
|
||||
$ui-font-size-base: $font-size-base;
|
||||
$ui-font-size-large: $font-size-large;
|
||||
$ui-font-size-small: $font-size-small;
|
||||
|
||||
$ui-line-height-base: $line-height-base;
|
||||
|
||||
// Iconography
|
||||
// -------------------------
|
||||
$ui-image-dir:"../css/custom-theme/images";
|
||||
$ui-icon-color: #888888;
|
||||
|
||||
// Components
|
||||
// -------------------------
|
||||
$ui-padding-base-vertical: $padding-base-vertical;
|
||||
$ui-padding-base-horizontal: $padding-base-horizontal;
|
||||
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
$ui-btn-default-bg: $btn-default-bg;
|
||||
$ui-btn-default-bg-highlight: lighten($btn-default-bg, 10%);
|
||||
$ui-btn-default-border: $btn-default-border;
|
||||
|
||||
$ui-btn-primary-bg: $btn-primary-bg;
|
||||
$ui-btn-primary-bg-highlight: lighten($btn-primary-bg, 10%);
|
||||
$ui-btn-primary-border: $btn-primary-border;
|
||||
|
||||
$ui-btn-success-bg: $btn-success-bg;
|
||||
$ui-btn-success-bg-highlight: lighten($btn-success-bg, 10%);
|
||||
$ui-btn-success-border: $btn-success-border;
|
||||
|
||||
$ui-btn-warning-bg: $btn-warning-bg;
|
||||
$ui-btn-warning-bg-highlight: lighten($btn-warning-bg, 10%);
|
||||
$ui-btn-warning-border: $btn-warning-border;
|
||||
|
||||
$ui-btn-danger-bg: $btn-danger-bg;
|
||||
$ui-btn-danger-bg-highlight: lighten($btn-danger-bg, 10%);
|
||||
$ui-btn-danger-border: $btn-danger-border;
|
||||
|
||||
$ui-btn-info-bg: $btn-info-bg;
|
||||
$ui-btn-info-bg-highlight: lighten($btn-info-bg, 10%);
|
||||
$ui-btn-info-border: $btn-info-border;
|
||||
|
||||
$ui-btn-inverse-bg: spin($btn-default-bg, 180);
|
||||
$ui-btn-inverse-bg-highlight: spin(lighten($btn-default-bg, 10%), 180);
|
||||
$ui-btn-inverse-border: spin($btn-default-border, 180);
|
||||
|
||||
// Menu
|
||||
// -------------------------
|
||||
$ui-menu-item-a-color: $dropdown-link-color;
|
||||
$ui-menu-item-a-border: $dropdown-bg;
|
||||
$ui-menu-item-a-bg: $dropdown-bg;
|
||||
|
||||
$ui-menu-item-a-focus-color: $dropdown-link-hover-color;
|
||||
$ui-menu-item-a-focus-border: $dropdown-link-hover-bg;
|
||||
$ui-menu-item-a-focus-bg: $dropdown-link-hover-bg;
|
||||
|
||||
$ui-menu-item-a-active-color: $dropdown-link-active-color;
|
||||
$ui-menu-item-a-active-border: $dropdown-link-active-bg;
|
||||
$ui-menu-item-a-active-bg: $dropdown-link-active-bg;
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
$ui-input-border-radius: $input-border-radius;
|
||||
|
||||
$ui-form-actions-background: $input-bg;
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
$ui-zindex-tooltip: $zindex-tooltip;
|
||||
27
static/scss/jq-ui-bootstrap/_jq-ui-bootstrap.scss
Normal file
27
static/scss/jq-ui-bootstrap/_jq-ui-bootstrap.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
|
||||
@import "jq-ui-bootstrap-mixin-adapter";
|
||||
@import "jq-ui-bootstrap-variable-adapter";
|
||||
@import "base";
|
||||
@import "core";
|
||||
@import "icons";
|
||||
@import "misc";
|
||||
@import "resizable";
|
||||
@import "selectable";
|
||||
@import "accordion";
|
||||
@import "autocomplete";
|
||||
@import "button";
|
||||
@import "menu";
|
||||
@import "spinner";
|
||||
@import "dialog";
|
||||
@import "slider";
|
||||
@import "tabs";
|
||||
@import "tooltip";
|
||||
@import "progressbar";
|
||||
@import "toolbar";
|
||||
@import "datepicker";
|
||||
132
static/scss/jq-ui-bootstrap/_menu.scss
Normal file
132
static/scss/jq-ui-bootstrap/_menu.scss
Normal file
@@ -0,0 +1,132 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Menu 1.10.3
|
||||
* http://docs.jquery.com/UI/Menu#theming
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by $dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
.ui-menu {
|
||||
list-style: none;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
display: block;
|
||||
outline: none;
|
||||
.ui-menu{
|
||||
margin-top: -3px;
|
||||
position: absolute;
|
||||
list-style:none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Bug inline with IE sub menu
|
||||
*/
|
||||
/* IE9, IE10 */
|
||||
@media screen and (min-width:0) {
|
||||
.ui-menu li {
|
||||
list-style-type: none;
|
||||
display: inline;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
li.ui-menu-item {
|
||||
/* This fixes the IE10 issue (jQuery UI Issue #8844)*/
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-menu{
|
||||
.ui-menu-item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
list-style:none;
|
||||
/* support: IE10, see #8844 */
|
||||
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
|
||||
}
|
||||
.ui-menu-divider {
|
||||
margin: 5px -2px 5px -2px;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
.ui-menu-item a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 2px .4em;
|
||||
line-height: 1.5;
|
||||
min-height: 0; /* support: IE7 */
|
||||
font-weight: normal;
|
||||
|
||||
background-color: $ui-menu-item-a-bg;
|
||||
border-color: $ui-menu-item-a-border;
|
||||
color: $ui-menu-item-a-color;
|
||||
|
||||
&.ui-corner-all{
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
&.ui-state-focus, &.ui-state-active, &.ui-widget-content{
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&.ui-state-active, &.ui-widget-content {
|
||||
background-color: $ui-menu-item-a-active-bg;
|
||||
border-color: $ui-menu-item-a-active-border;
|
||||
color: $ui-menu-item-a-active-color;
|
||||
}
|
||||
|
||||
&.ui-state-focus {
|
||||
background-color: $ui-menu-item-a-focus-bg;
|
||||
border-color: $ui-menu-item-a-focus-border;
|
||||
color: $ui-menu-item-a-focus-color;
|
||||
}
|
||||
|
||||
/* Fix problem with border in ui-state-active */
|
||||
.ui-state-active {
|
||||
padding: 1px .4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-menu .ui-state-disabled {
|
||||
font-weight: normal;
|
||||
margin: .4em 0 .2em;
|
||||
line-height: 1.5;
|
||||
a {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
/* icon support */
|
||||
.ui-menu-icons {
|
||||
position: relative;
|
||||
.ui-menu-item a {
|
||||
position: relative;
|
||||
padding-left: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-menu{
|
||||
width: 200px;
|
||||
margin-bottom: 2em;
|
||||
/* left-aligned */
|
||||
.ui-icon {
|
||||
position: absolute;
|
||||
top: .2em;
|
||||
left: .2em;
|
||||
}
|
||||
|
||||
/* right-aligned */
|
||||
.ui-menu-icon {
|
||||
position: static;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
89
static/scss/jq-ui-bootstrap/_misc.scss
Normal file
89
static/scss/jq-ui-bootstrap/_misc.scss
Normal file
@@ -0,0 +1,89 @@
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
|
||||
.ui-corner-all {
|
||||
border-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
.ui-corner-top, .ui-corner-left, .ui-corner-tl {
|
||||
border-top-left-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
.ui-corner-top, .ui-corner-right, .ui-corner-tr {
|
||||
border-top-right-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
.ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
|
||||
border-bottom-left-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
.ui-corner-bottom, .ui-corner-right, .ui-corner-br {
|
||||
border-bottom-right-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
|
||||
/* Overlays */
|
||||
|
||||
.ui-widget-overlay {
|
||||
background: @gray-light url("@{ui-image-dir}/ui-bg_flat_0_@{ui-gray-light-num}_40x100.png") 50% 50% repeat-x;
|
||||
.ui-opacity(.30);
|
||||
}
|
||||
|
||||
.ui-widget-shadow {
|
||||
margin: -8px 0 0 -8px;
|
||||
padding: 8px;
|
||||
background: @gray-light url("@{ui-image-dir}/ui-bg_flat_0_@{ui-gray-light-num}_40x100.png") 50% 50% repeat-x;
|
||||
.ui-opacity(.30);
|
||||
border-radius: 8px ;
|
||||
}
|
||||
|
||||
|
||||
/*** Input field styling from Bootstrap **/
|
||||
|
||||
input, textarea {
|
||||
.ui-transition(~"border linear 0.2s, box-shadow linear 0.2s");
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
input:focus, textarea:focus {
|
||||
outline: 0;
|
||||
border-color: rgba(82, 168, 236, 0.8);
|
||||
.ui-box-shadow(~"inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)");
|
||||
}
|
||||
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
|
||||
.ui-box-shadow (none);
|
||||
outline: 1px dotted #666;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="tel"],
|
||||
input[type="search"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
.ui-autocomplete-input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #555555;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
.ui-box-sizing( content-box);
|
||||
}
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
38
static/scss/jq-ui-bootstrap/_progressbar.scss
Normal file
38
static/scss/jq-ui-bootstrap/_progressbar.scss
Normal file
@@ -0,0 +1,38 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Progressbar 1.10.3
|
||||
* http://jqueryui.com/tooltip/
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
.ui-progressbar {
|
||||
height:2em;
|
||||
margin-bottom: 20px;
|
||||
border:0px;
|
||||
overflow: hidden;
|
||||
#ui-gradient > .vertical(#f5f5f5, #f9f9f9);
|
||||
.ui-border-radius(4px);
|
||||
.ui-box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
|
||||
|
||||
text-align: left;
|
||||
.ui-progressbar-value {
|
||||
margin: 0px;
|
||||
height:100%;
|
||||
color: @ui-white; /*this can be removed if ui-widget-header is blue*/
|
||||
background-color: #428BCA;
|
||||
.ui-box-sizing(border-box);
|
||||
.ui-transition( width 0.6s ease);
|
||||
}
|
||||
.ui-progressbar-overlay{
|
||||
#ui-gradient > .vertical( @ui-link-color, @ui-link-hover-color ); // FIXME - Verify that this matches the actual CSS outcome.
|
||||
background-size: 40px 40px;
|
||||
.ui-animation( progress-bar-stripes 2s linear infinite);
|
||||
}
|
||||
}
|
||||
|
||||
.ui-progressbar-indeterminate .ui-progressbar-value {
|
||||
background-image: none;
|
||||
}
|
||||
90
static/scss/jq-ui-bootstrap/_resizable.scss
Normal file
90
static/scss/jq-ui-bootstrap/_resizable.scss
Normal file
@@ -0,0 +1,90 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Resizable 1.10.3
|
||||
* http://api.jqueryui.com/resizable/
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
|
||||
.ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
z-index: 99999;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ui-resizable-disabled .ui-resizable-handle,
|
||||
.ui-resizable-autohide .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
|
||||
.ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
}
|
||||
|
||||
.ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
16
static/scss/jq-ui-bootstrap/_selectable.scss
Normal file
16
static/scss/jq-ui-bootstrap/_selectable.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Selectable 1.10.3
|
||||
* http://jqueryui.com/selectable/
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
|
||||
.ui-selectable-helper {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
border: 1px dotted @ui-black;
|
||||
}
|
||||
70
static/scss/jq-ui-bootstrap/_slider.scss
Normal file
70
static/scss/jq-ui-bootstrap/_slider.scss
Normal file
@@ -0,0 +1,70 @@
|
||||
/*
|
||||
* jQuery UI Slider 1.10.3
|
||||
* http://docs.jquery.com/UI/Slider#theming
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
.ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
/* For IE8 - See #6727 */
|
||||
.ui-state-disabled .ui-slider-handle,
|
||||
.ui-state-disabled .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
.ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
cursor: default;
|
||||
}
|
||||
.ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: .7em;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-position: 0 0;
|
||||
|
||||
color: @ui-white;
|
||||
#ui-gradient > .vertical ( @ui-link-color, @ui-link-hover-color ); // FIXME - Need to fix the colors
|
||||
.ui-box-shadow( 0 -1px 0 rgba(0, 0, 0, 0.15) );
|
||||
.ui-box-sizing( border-box );
|
||||
.ui-transition( width 0.6s ease);
|
||||
/*border-color: @ui-blue-dark @ui-blue-dark @ui-blue;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); */
|
||||
}
|
||||
}
|
||||
|
||||
.ui-slider-horizontal {
|
||||
height: .8em;
|
||||
.ui-slider-handle {
|
||||
top: -.3em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
.ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider-range-min { left: 0; }
|
||||
.ui-slider-range-max { right: 0; }
|
||||
}
|
||||
|
||||
.ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
.ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
.ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-slider-range-min { bottom: 0; }
|
||||
.ui-slider-range-max { top: 0; }
|
||||
}
|
||||
68
static/scss/jq-ui-bootstrap/_spinner.scss
Normal file
68
static/scss/jq-ui-bootstrap/_spinner.scss
Normal file
@@ -0,0 +1,68 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI spinner 1.10.3
|
||||
* http://docs.jquery.com/UI/Menu#theming
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
|
||||
.ui-spinner {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ui-spinner-input {
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
margin: .2em 22px 0.2em 0.4em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ui-spinner-button {
|
||||
width: 16px;
|
||||
height: 50%;
|
||||
font-size: .5em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* more specificity required here to overide default borders */
|
||||
.ui-spinner {
|
||||
a.ui-spinner-button {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
}
|
||||
/* vertical centre icon */
|
||||
.ui-icon {
|
||||
position: absolute;
|
||||
margin-top: -8px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
/* need to fix icons sprite */
|
||||
.ui-icon-triangle-1-s {
|
||||
background-position: -65px -16px;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-spinner-up {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ui-spinner-down {
|
||||
bottom: 0;
|
||||
}
|
||||
89
static/scss/jq-ui-bootstrap/_tabs.scss
Normal file
89
static/scss/jq-ui-bootstrap/_tabs.scss
Normal file
@@ -0,0 +1,89 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Tabs 1.10.3
|
||||
* http://docs.jquery.com/UI/Tabs#theming
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by @dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
.ui-tabs {
|
||||
position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
border: 0;
|
||||
.ui-border-radius(0);
|
||||
.ui-tabs-nav {
|
||||
margin-bottom: 5px;
|
||||
border: solid #ddd;
|
||||
border-width: 0 0 1px 0;
|
||||
.ui-border-radius( 0 );
|
||||
background: none;
|
||||
}
|
||||
.ui-tabs-nav li {
|
||||
position: relative;
|
||||
top: 0;
|
||||
float: left;
|
||||
margin-right: 2px;
|
||||
margin-bottom: -1px;
|
||||
border: 0;
|
||||
list-style: none;
|
||||
white-space: nowrap;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-tabs-nav .ui-state-default{
|
||||
border: 0;
|
||||
.ui-box-shadow( none );
|
||||
}
|
||||
.ui-tabs {
|
||||
.ui-tabs-nav{
|
||||
li a {
|
||||
float: left;
|
||||
border: 1px solid @ui-white;
|
||||
border-bottom: 1px solid #ddd;
|
||||
#ui-border-radius > .border( 4px, 4px, 0, 0 );
|
||||
padding: 8px 12px;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: #0069D6;
|
||||
background: none;
|
||||
&:hover{
|
||||
border: 1px solid whiteSmoke;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: whiteSmoke;
|
||||
}
|
||||
}
|
||||
li.ui-tabs-active a{
|
||||
border: 1px solid #ddd;
|
||||
border-bottom: 1px solid #fff;
|
||||
background-color: #fff;
|
||||
color: #555;
|
||||
}
|
||||
li.ui-tabs-active:hover{
|
||||
background: #fff;
|
||||
cursor: text;
|
||||
}
|
||||
li.ui-tabs-active a,
|
||||
li.ui-state-disabled a,
|
||||
li.ui-tabs-loading a {
|
||||
cursor: text;
|
||||
}
|
||||
}
|
||||
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||
.ui-tabs-panel {
|
||||
display: block;
|
||||
margin: 1em 0;
|
||||
border: 0;
|
||||
.ui-border-radius(0);
|
||||
padding: 1px 0;
|
||||
background: none;
|
||||
}
|
||||
.ui-tabs-hide {
|
||||
display: none !important;
|
||||
}
|
||||
.ui-tabs-nav li {
|
||||
filter:none;
|
||||
}
|
||||
}
|
||||
11
static/scss/jq-ui-bootstrap/_toolbar.scss
Normal file
11
static/scss/jq-ui-bootstrap/_toolbar.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
/**Toolbar**/
|
||||
@import "compass/css3":
|
||||
|
||||
.ui-toolbar{
|
||||
padding: 7px 14px;
|
||||
margin: 0 0 18px;
|
||||
#ui-gradient > .vertical( @ui-white, @ui-form-actions-background );
|
||||
border: 1px solid lighten(@ui-gray-light,25%);
|
||||
@border-radius( 3px );
|
||||
@box-shadow( inset 0 1px 0 $ui-white );
|
||||
}
|
||||
98
static/scss/jq-ui-bootstrap/_tooltip.scss
Normal file
98
static/scss/jq-ui-bootstrap/_tooltip.scss
Normal file
@@ -0,0 +1,98 @@
|
||||
/*!
|
||||
* jQuery UI Bootstrap v1.0 Alpha
|
||||
*
|
||||
* jQuery UI Tooltip 1.10.3
|
||||
* http://jqueryui.com/tooltip/
|
||||
*
|
||||
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
||||
* Created the LESS version by $dharapvj
|
||||
* Released under MIT
|
||||
*/
|
||||
@import "compass/css3";
|
||||
|
||||
.ui-tooltip {
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
@include opacity(.80);
|
||||
position: absolute;
|
||||
visibility: visible;
|
||||
z-index: $ui-zindex-tooltip;
|
||||
max-width: 200px;
|
||||
background: $ui-black;
|
||||
border: 1px solid $ui-black;
|
||||
color: $ui-white;
|
||||
padding: 3px 8px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
@include box-shadow(inset 0 1px 0 $ui-black);
|
||||
@include border-radius(4px);
|
||||
border-width: 1px;
|
||||
|
||||
.arrow {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
margin-left: 0;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
&.bottom {
|
||||
top: 100%;
|
||||
left: 38%;
|
||||
&:after {
|
||||
border-top:8px solid $ui-black;
|
||||
border-right:8px solid transparent;
|
||||
border-bottom:8px solid transparent;
|
||||
border-left:8px solid transparent;
|
||||
}
|
||||
}
|
||||
&.top {
|
||||
top: -50%;
|
||||
bottom: 22px;
|
||||
left: 42%;
|
||||
&:after {
|
||||
border-top:6px solid transparent;
|
||||
border-right:6px solid transparent;
|
||||
border-bottom:6px solid $ui-black;
|
||||
border-left:6px solid transparent;
|
||||
}
|
||||
}
|
||||
&.left {
|
||||
top : 25%;
|
||||
left: -15%;
|
||||
right: 0;
|
||||
bottom:-16px;
|
||||
&:after{
|
||||
width:0;
|
||||
border-top: 6px solid transparent;
|
||||
border-right: 6px solid $ui-black;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-left: 6px solid transparent;
|
||||
}
|
||||
}
|
||||
&.right {
|
||||
top: 26%;
|
||||
left: 100%;
|
||||
right: 0;
|
||||
bottom:-16px;
|
||||
margin-left: 1px;
|
||||
&:after{
|
||||
width:0;
|
||||
border-top: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-left: 6px solid $ui-black;
|
||||
}
|
||||
}
|
||||
&:after {
|
||||
content : " " ;
|
||||
position : absolute ;
|
||||
height : 0 ;
|
||||
left:0;
|
||||
top: 0;
|
||||
width: 0;
|
||||
margin-left : 0 ;
|
||||
bottom : 12px ;
|
||||
box-shadow: 6px 5px 9px -9px $ui-black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
3
static/scss/print.scss
Normal file
3
static/scss/print.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
@import "bootstrap-compass";
|
||||
@import "bootstrap-variables";
|
||||
@import "bootstrap";
|
||||
46
static/scss/screen.scss
Normal file
46
static/scss/screen.scss
Normal file
@@ -0,0 +1,46 @@
|
||||
@import "bootstrap-compass";
|
||||
@import "bootstrap-variables";
|
||||
@import "bootstrap";
|
||||
@import "jq-ui-bootstrap/_jq-ui-bootstrap-variable-adapter";
|
||||
@import "jq-ui-bootstrap/_base";
|
||||
@import "jq-ui-bootstrap/_autocomplete";
|
||||
@import "jq-ui-bootstrap/_menu";
|
||||
@import "jq-ui-bootstrap/_tooltip";
|
||||
|
||||
body, .pad-top {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 40px 15px;
|
||||
}
|
||||
|
||||
#userdropdown > li {
|
||||
padding: 0 0.3em;
|
||||
|
||||
&.media {
|
||||
display: inline-flex;
|
||||
}
|
||||
}
|
||||
|
||||
.table tbody>tr>td.vert-align
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.btn-page, .btn-pad { // .btn-page should be refactored out to .btn-page in the future
|
||||
margin: 0 0 0.5em;
|
||||
}
|
||||
|
||||
.custom-combobox {
|
||||
display: block;
|
||||
}
|
||||
Reference in New Issue
Block a user