mirror of
https://github.com/nottinghamtec/PyRIGS.git
synced 2026-02-04 06:08:22 +00:00
Refactor buildsystem to NPM/Gulp, port to BS4 & rewrite RIGS tests accordingly... (#412)
* Start to seperate versioning into its own app * Start reworking invoice things * Reduced overall font size a touch * Improvements to generic lists * Tweak some colours to be a bit less OTT I need to work out if I can seperate background and primary colours like BS3 did * Improvements to event table mobile * First pass at mobile-ising the generic list * Item table fixes * Fixed fullcalendar print css not included * Asset list table improvements * Tweak asset list to be more in line with other lists * Versioning template improvements //TODO Rather than have seperate asset templates, convert 'id' into a template variable * Tweak versioning templates to allow ID overrides Asset specific templates begone. Still need to bring back the ID formatting for the Rigboard. * Asset form fixes * Use the right autocompleter.js... * Breakout (most) user stuff to separate module The model remains in RIGS for now, as it's pretty painful to move... * Python Format/import opt * Test Refactor Part 1 - Shuffle things around * Fix migrations TODO - need to ensure moved models are *moved* rather than deleted and recreated! * Start on new tests * Initial work on event create test reimpl * Init other tests, more rigs test faffery * Desaturate theme colors even more Much closer to BS3 * Fix event item adding Bit too heavy handed with the deduplication there Arona * Initial refactor of event item testing * Upgrade bootstrap-select * Updated bootstrap-select for BS4 * Initial port of duplicate testing Needs the latter half rewriting once we have an EventDetail POM * Refactor date validation test So close to killing test_functional.EventTest! * Deduplication of testing code * pep8 * Fix some tests And some things that were actually borked * FIX: Prevent setting access time after start time Cherry pick ofd274ea4606. Will close #405. * Refactor calendar tests * FIX: Don't show asset buttons/history for basic users * Really ought to get a pre-commit hook for pep8... * Fully replace test_functional * Dedupe generic search logic * Fix the remaining tests * Ensure submit button is scrolled to in tests * Fix asset creation test + actually verify its results * Make CI use latest (stable) chromedriver rather than some ancient one Since Travis uses the latest stable chrome, should always match. Bash oneliner \o/ * Of course | is part of YAML syntax, of course... Maybe this works. * Update python version Trying to get CI to match my local environment as much as possible... * Minor test futzing * Well that wasn't clever of me * That was even less clever of me * Revert to old submit wait behaviour * What about if I did this * Try disabling chrome cache * Added screenshot recording of test failures * Fixed RIGS tests not being run * Fixed Pep8 - I promise I'll make a pre-commit hook sometime! * Very initial work at togglable darktheme. Dammit @alexdaniel654 just when I had my scope creep kinda under control. It'll be v. nice to have though...! * More dark theme wangling * Fix some asset template things * FIX: CI Locale Issues * Fix sample command * Initial work at integrating the risk assessment #136. No clever database structure as yet... * FIX: Don't set every boolean input to radios * Different approach to RA linking * Move text definitions to somewhere more authoratitive * FIX: Undo breakage causing autopep8 o.O * Expand detail template * Use correct view for RA history * Initial work at coercing activity feed into showing RAs Also shows Asset/Supplier on the homepage feed. * Refactor activity feed template logic Yay for removing arbitrary if/else chains! * Initial work on caching activity feed Server side that is. Ref #162. * Start RA list template * Refactor RA creation stuff, again * Add H&S Details to Event Detail View * Display venue notes in event detail Notes are no use if nobody reads them. Not sure on this one. * Add ability to filter event archive by status Closes #168. * Fix lingering naive time * Use locmem cache in sqlite environments Otherwise the tests just lock up totally. Should close #162 * Update dependencies Mirrors/supersedes0e67da82e2* Add global ctrl/meta-enter shortcut for form submission Wants rewriting for better efficiency, but hey, it works! * Update dependencies * Fix for a situation that should be impossible * Fix navbar alignment * FEAT: Improve 'omni'search - Partialised template - Added to assets header - Added ability to search assets/suppliers - Improved selection logic - Have it display current query * Move closemodal into PyRIGS * Fix tests for search improvements * Dark mode colour improvements * Fix table colors for dry hires * further darktheme fixes * Remove the dark header from light theme * Fix reload loops when CSS/JS is changed * Move dark theme SCSS to separate file, fix inactive pagination styling * Genercise detail pages * Testing something re notes I wonder if I can make that global, rather than per-template... * Dark theme palette shenanigans I just can't decide * Match darktheme palette to forum darktheme palette Why reinvent the wheel. * Make supplier detail use the generic template * Disable mobile event table PoC for now * Remove the defaults from the RA fields + make them required * More RA fixes * Fixes to revisions for RAs * Add bootstrap 4 test page * Bunch of dark mode fixes from test page * Do not use Django 'required' for radio selects As this requires them to be True, whereas we just need to require that an option be entered. * Properly fixed popover darktheme * Fixed search for events * Style fixes to asset list * Start RA 'mark review' feature * Add reviewing to revision history, fix RA editing not working Also actually commit all the files, that helps * Fix Power MIC being lost on RA edit Why it is subtly different to the Event Update behaviour? Who knows * Invalidate RA review if it is edited after review * Start work on event checklist * Add a button for creating and instantly voiding invoices Handy dandy for when you have loads of cancelled events, like say, a pandemic * Mooooore status chips, mooore * Initial shenanigans on storing my overly fancy EC form * Proof of concept for JSON parsing/storage \o/ * Add new line functionality for vehicles/drivers Might it have been easier to create 'dummy' models like with EventItems? Probably... * Alter rig_count to not include un-checked-in dry hires * Insert a divider between still-out dry hires and actually upcoming events on rigboard * Initial work on new checklist handling. No more JSON! * Versioning module now does magic Automatic creation of views/urls for anything registered with reversion, with a small amount of hackage to preserve legacy stuff. (and the DAMNED asset IDs!) I would never get distracted... * Cleanup * Event checklist crew works Mostly - its not happy with timezones * Medium event power stuff done, barring worst case stuff * Misc fixes * Validation of power reqs * Worst case points on checklist * Templating improvements to RA/EC stuff * Do event table color logic at python level * Audit template fixes * Restrict versioning to one level of depth for speed Also fixed the template for nested changes * Event properties internal/authorised always return a explicit boolean rather than sometimes None * Use template filter for notes * Fix list templates TODO: Sensible place to define the 'expected answer' stuff. * Fix cable table template * Rethink rigboard color logic again Also revert some broken stuff * Test fixes * Modify auth test so it doesn't try and test for external authorisations Cause that's not a thing * Why does this work Bloody overzealous autoformatter... * Formatting... * Initial work on RA tests * Pages/start of tests for EventChecklists * Much better coverage of H&S things * Cleanup & Squash migrations * Fix wrong variable name in settings.py * Fix broken invoice list template * Add revision history to invoices/payments. Also patches previously introduced reversion permissions hole. Supersedes and closes #337. * Various misc fixes * Fix for my fix * Curse youuuuu pep8 * Invoice template improvements * Minor fixes * More tweaks * More fixes * Major improvements/fixes to authorisation templates * Add ability to mark event checklists as Large Event This just disables the checks to allow the rest of it to be filled out for large events, though I expect paper forms may still be used... * Remove database ID from generic list * Put power threshold values in a collapse * Use template filter for consistent removal of 'None links' Plus cleaner template markup! More HTML-in-Python tho, which always feels a bit CSS-in-JS * Tweak asset list markup * Begin to change add buttons success -> primary Also change search primary -> info to avoid clash * Begin to improve event checklist on mobile * Asset detail template improvements * Fix #326 (again) * Fix errors being squashed * Fix rigboard validation tests * Initial work on BS4 button templatetag Newfeatureitis strikes again * Allow multiple event checklists per event TODO: Status chip now needs rethinking * Minor event detail fixes * Fix tests * Rework button tag * Mobile fixes for search * Fix event checklist on mobile * Redo light theme palette * Switch rigboard new button to primary * Kill off excess whitespace on rigboard * Rigboard Timing display tweaks * Fix tests * Properly handle eventauthorisations in new versioning It's not great, not terrible... * Prevent creating duplicate revisions on event Potential fix for #322 - I couldn't reproduce even before this change... * Template improvements * Minor test fixes * Revert "Prevent creating duplicate revisions on event" Apparently it was too strong at preventing dupes... This reverts commitcce0ad0f9f. # Conflicts: # RIGS/models.py * Better approach to generic list templates + other deduplication * Also apply better approach to generic detail pages * One of these days I'll remember to test BEFORE pushing... * And now the same for generic forms * Display tick/cross rather than true/false in boolean version diffs * Upgrade dependencies * Fixes fixes fixes * Fix dependency hell Probably * Correct handling of spaces in paperwork filenames Also normalises display of Invoice IDs. Partial fix for #391. * Buggerit millennium hand and shrimp Knew I was gonna forget to fix the tests * FIX: Set duplicated event status to provisional Closes #398. Flip flop. Flip flop. * Update polyfill for datetime-local Bloody Firefox. We love to hate you. Proper CSS of the fill to come, SoonTM. Closes #391 * Curses! * Minor typo fixes * Initial pass at soop-consult confirmation screen for RAs * Fix migration * Make venue/date editable on EC For multi venue, multi day events Defaults to date and venue set on the event. Also made power MIC default to that set in RA * Clearer logic for RA inverted fields * (probably) fix tests * Give keyholders supplier edit perm * Generic list only displays edit button if user has perm * Same perm check for generic details * H&S Details takes up free space on non-internal events * Remove flash of content when loading new rig page * First pass at clearer display of asset list filters * Fix tests / default to headless tests (fingers crossed) * Fix autocompleter.js to properly disable edit links again * Move status color logic back to template Cause that somehow makes it work better?? * Display note icon on event detail page * Fix caching * Put rounded corners back where they belong * Remove lingering use of 'page-header' BS removed that style * More search and replace for BS changes Thought I'd got them all. Clearly not! * Remove enforced linebreak on status chips * Fix horizontal-ness on some forms * Remove animation on prefers-reduced-motion/low referesh rate devices Also normalises handling of asset list cable table & improves its use of space on large devices * Make version changes badges more readable * First pass at making the calendar less crap * Fix event table success logic Yay for copy paste fails >.> * Use borders rather than block colors for coloured tables under darktheme * First pass at porting calendar from FC V3 to V5 Two major versions and all they did was rename a bunch of names...TWICE. * Rework version name method to avoid blank names on eventchecklist vehicles/crew * Fix cable test * Made radio button focus much more obvious on dark theme * Implement Jerb's wording changes * Fix one test, break another... * Fix recent change stream list mutation issue * FIX: Do not naively cache event table Not that easy, it turns out. Duh. * FEAT: Implement #413 show associated assets on cable type detail pg Closes #413 * Allow H&S for non-events * Update emergency contact number * Improvements to profile detail page * Implement some of Jonny's suggested changes TODO: - Define event size at RA time, pass through to EC - Have later power questions be context dependent * Test fixes * Add space for power/rigging plans to be linked to RAs * Start move of event size logic to RA from Ec * Javascript required shenanigans for RA power * More moving of event size logic * Fixing tests for new logic etc * Why does this work Indeed, it may not * FIX: Stupid typo in versioning.py * Further minor fixes to versioning * Add icons to H&S menu items * Should fix calendar breaking in production * Small alignment fix in asset list * Squash migrations Co-authored-by: Matthew Smith <psyms13@nottingham.ac.uk>
This commit is contained in:
GitHub
@@ -1,849 +0,0 @@
|
||||
// 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: "Open Sans", "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: "" !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: lighten($gray-light, 20%) !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;
|
||||
|
||||
11
RIGS/static/scss/_custom-variables.scss
Normal file
11
RIGS/static/scss/_custom-variables.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
$font-family-sans-serif: "Open Sans", sans-serif;
|
||||
//Make it look less primary school
|
||||
$font-size-base: 0.85rem;
|
||||
$theme-colors: (
|
||||
"success": #5cb85c,
|
||||
"warning": #f0ad4e,
|
||||
"danger": #d9534f,
|
||||
"info": #5bc0de,
|
||||
"primary": #3A52A2
|
||||
) !default;
|
||||
$enable-shadows: true;
|
||||
114
RIGS/static/scss/dark_screen.scss
Normal file
114
RIGS/static/scss/dark_screen.scss
Normal file
@@ -0,0 +1,114 @@
|
||||
[data-theme='dark'] {
|
||||
$theme-colors: (
|
||||
"success": #3AB54A,
|
||||
"warning": #FFE89B,
|
||||
"danger": #BF1E2E,
|
||||
"info": #25AAE2,
|
||||
"primary": #3A52A2
|
||||
);
|
||||
@import "custom-variables";
|
||||
@import 'node_modules/@forevolve/bootstrap-dark/scss/bootstrap-dark.scss';
|
||||
background: #222;
|
||||
color: $gray-100;
|
||||
$darktheme: #121416;
|
||||
.navbar {
|
||||
background-color: #111111 !important;
|
||||
}
|
||||
.dropdown-menu {
|
||||
box-shadow: 0 0.5rem 1rem black;
|
||||
color: $gray-100;
|
||||
background: $darktheme;
|
||||
}
|
||||
.form-control:not(.btn) {
|
||||
background-color: $darktheme;
|
||||
color: $gray-100;
|
||||
}
|
||||
.btn-light, .popover, .popover-header, .popover-body, .status {
|
||||
background-color: $darktheme !important;
|
||||
color: $gray-100 !important;
|
||||
border-color: $darktheme;
|
||||
}
|
||||
.bs-popover-right > .arrow::after {
|
||||
border-right-color: $darktheme;
|
||||
}
|
||||
.bs-popover-left > .arrow::after {
|
||||
border-left-color: $darktheme;
|
||||
}
|
||||
.bs-popover-top > .arrow::after {
|
||||
border-top-color: $darktheme;
|
||||
}
|
||||
.bs-popover-bottom > .arrow::after {
|
||||
border-bottom-color: $darktheme;
|
||||
}
|
||||
a {
|
||||
color: $blue;
|
||||
}
|
||||
.badge, .btn-success, .bg-warning {
|
||||
color: black;
|
||||
}
|
||||
.badge-dark, .badge-secondary, .btn-primary {
|
||||
color: $gray-100;
|
||||
}
|
||||
.input-group-text {
|
||||
border-color: $darktheme;
|
||||
}
|
||||
.btn-secondary, .btn-info {
|
||||
color: white;
|
||||
}
|
||||
.page-item.disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.bg-light {
|
||||
color: black;
|
||||
background-color: $gray-200 !important;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
.fc-day-today {
|
||||
background-color: transparent !important;
|
||||
border: 0.2em solid $info !important;
|
||||
}
|
||||
.fc-daygrid-dot-event {
|
||||
color: white !important;
|
||||
}
|
||||
.table {
|
||||
border-collapse: separate !important;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.table tr th {
|
||||
border-right: 0 !important;
|
||||
}
|
||||
.table tr td {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
.table tr td:not(:last-child) {
|
||||
border-right: 0 !important;
|
||||
}
|
||||
@each $color, $value in $theme-colors {
|
||||
.table-#{$color} {
|
||||
> td,th {
|
||||
border: 0.3em solid theme-color-level($color, -6) !important;
|
||||
}
|
||||
> * {
|
||||
color: white !important;
|
||||
background-color: #222 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
del {
|
||||
color: black;
|
||||
background-color: $danger;
|
||||
border-radius: 3px;
|
||||
}
|
||||
ins {
|
||||
color: black;
|
||||
background-color: $success;
|
||||
border-radius: 3px;
|
||||
}
|
||||
pre {
|
||||
background: $gray-600;
|
||||
color: white;
|
||||
}
|
||||
.custom-control-input:focus ~ .custom-control-label::before {
|
||||
box-shadow: 0 0 0 $input-focus-width rgba($primary, 0.7) !important;
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,7 @@ body{
|
||||
.main-table{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.client-header {
|
||||
@@ -15,7 +15,7 @@ body{
|
||||
background-color: #222;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
|
||||
width: 100%;
|
||||
|
||||
margin-bottom: 28px;
|
||||
@@ -35,7 +35,7 @@ body{
|
||||
|
||||
.content {
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
|
||||
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
padding: 10px;
|
||||
@@ -53,7 +53,7 @@ body{
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@@ -61,4 +61,3 @@ body{
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
/* 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]--> */
|
||||
@@ -1,60 +0,0 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,100 +0,0 @@
|
||||
|
||||
/* 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%;
|
||||
}
|
||||
@@ -1,229 +0,0 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
@@ -1,169 +0,0 @@
|
||||
/*
|
||||
* 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 */
|
||||
}
|
||||
@@ -1,248 +0,0 @@
|
||||
/*!
|
||||
* 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 );
|
||||
}
|
||||
}
|
||||
@@ -1,193 +0,0 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,233 +0,0 @@
|
||||
/* 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; }
|
||||
@@ -1,128 +0,0 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
@@ -1,134 +0,0 @@
|
||||
|
||||
|
||||
// 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;
|
||||
@@ -1,27 +0,0 @@
|
||||
/*!
|
||||
* 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";
|
||||
@@ -1,132 +0,0 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,89 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
@@ -1,90 +0,0 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
@@ -1,70 +0,0 @@
|
||||
/*
|
||||
* 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; }
|
||||
}
|
||||
@@ -1,68 +0,0 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
@@ -1,89 +0,0 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
/**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 );
|
||||
}
|
||||
@@ -1,98 +0,0 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,3 +1 @@
|
||||
@import "bootstrap-compass";
|
||||
@import "bootstrap-variables";
|
||||
@import "bootstrap";
|
||||
@import "node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
@@ -1,17 +1,35 @@
|
||||
@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";
|
||||
@import "dark_screen";
|
||||
@import "custom-variables";
|
||||
@import "node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
@import "compass/css3/animation";
|
||||
@import "compass/css3/transform";
|
||||
@media screen and
|
||||
(prefers-reduced-motion: reduce),
|
||||
(update: slow) {
|
||||
* {
|
||||
animation-duration: 0.001ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.001ms !important;
|
||||
}
|
||||
}
|
||||
|
||||
body, .pad-top {
|
||||
padding-top: 50px;
|
||||
.fc-event-main {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.fc-daygrid-dot-event {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.fc-timeGridDay-view {
|
||||
.fc-event-main {
|
||||
font-size: large !important;
|
||||
}
|
||||
}
|
||||
|
||||
.fc-timeGridWeek-view {
|
||||
.fc-event-main {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
@@ -41,17 +59,13 @@ textarea {
|
||||
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;
|
||||
}
|
||||
|
||||
.event-mic-photo {
|
||||
max-width: 2em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
.item-description {
|
||||
@@ -78,86 +92,64 @@ textarea {
|
||||
z-index: inherit; // bug fix introduced in 52682ce
|
||||
}
|
||||
|
||||
.panel-default {
|
||||
.default {
|
||||
background-color: $panel-default-heading-bg;
|
||||
}
|
||||
}
|
||||
|
||||
del {
|
||||
background-color: #f2dede;
|
||||
border-radius: 3px;
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
ins {
|
||||
background-color: #dff0d8;
|
||||
border-radius: 3px;
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
.loading-animation {
|
||||
position: relative;
|
||||
margin: 30px auto 0;
|
||||
|
||||
.circle {
|
||||
background-color: rgba(0,0,0,0);
|
||||
border: 5px solid rgba(0,183,229,0.9);
|
||||
opacity: .9;
|
||||
border-right: 5px solid rgba(0,0,0,0);
|
||||
border-left: 5px solid rgba(0,0,0,0);
|
||||
border-radius: 50px;
|
||||
box-shadow: 0 0 35px #2187e7;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 0 auto;
|
||||
@include animation(spinPulse 1s infinite ease-in-out);
|
||||
}
|
||||
|
||||
.circle1 {
|
||||
background-color: rgba(0,0,0,0);
|
||||
border: 5px solid rgba(0,183,229,0.9);
|
||||
opacity: .9;
|
||||
border-left: 5px solid rgba(0,0,0,0);
|
||||
border-right: 5px solid rgba(0,0,0,0);
|
||||
border-radius: 50px;
|
||||
box-shadow: 0 0 15px #2187e7;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: -40px;
|
||||
@include animation(spinoffPulse 1s infinite linear);
|
||||
}
|
||||
|
||||
@include keyframes(spinPulse) {
|
||||
0% {
|
||||
@include rotate(160deg);
|
||||
opacity: 0;
|
||||
box-shadow: 0 0 1px #2187e7;
|
||||
}
|
||||
|
||||
50% {
|
||||
@include rotate(145deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
@include rotate(-320deg);
|
||||
opacity: 0;
|
||||
};
|
||||
}
|
||||
|
||||
@include keyframes(spinoffPulse) {
|
||||
0% {
|
||||
@include rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
@include rotate(360deg);
|
||||
};
|
||||
}
|
||||
.nav-link {
|
||||
color: $gray-400 !important;
|
||||
}
|
||||
|
||||
html.embedded{
|
||||
.btn-light {
|
||||
background-color: $gray-200 !important;
|
||||
}
|
||||
|
||||
.skip-link {
|
||||
background: $dark;
|
||||
outline: unset;
|
||||
height: 30px;
|
||||
left: 50%;
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
transform: translateY(-100%);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.skip-link:focus {
|
||||
transform: translateY(45px); /* TODO Remove absolute positioning */
|
||||
}
|
||||
|
||||
.errorlist > li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
pre {
|
||||
page-break-inside: avoid;
|
||||
font-family: monospace;
|
||||
font-size: 15px;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1.6em;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
padding: 1em 1.5em;
|
||||
display: block;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
svg {
|
||||
display: inline;
|
||||
white-space: no-wrap;
|
||||
}
|
||||
|
||||
html.embedded {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user