diff --git a/CHANGELOG.md b/CHANGELOG.md index 4efed3ef60..0ae7f7b95c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,8 @@ ### Bug Fixes 1. [#1512](https://github.com/influxdata/chronograf/pull/1512): Prevent legend from flowing over window bottom bound +1. [#1600](https://github.com/influxdata/chronograf/pull/1600): Prevent Kapacitor configurations from having the same name +1. [#1600](https://github.com/influxdata/chronograf/pull/1600): Limit Kapacitor configuration names to 33 characters to fix display bug ### Features 1. [#1512](https://github.com/influxdata/chronograf/pull/1512): Synchronize vertical crosshair at same time across all graphs in a dashboard @@ -10,6 +12,8 @@ ### UI Improvements 1. [#1512](https://github.com/influxdata/chronograf/pull/1512): When dashboard time range is changed, reset graphs that are zoomed in 1. [#1599](https://github.com/influxdata/chronograf/pull/1599): Bar graph option added to dashboard +1. [#1600](https://github.com/influxdata/chronograf/pull/1600): Redesign source management table to be more intuitive +1. [#1600](https://github.com/influxdata/chronograf/pull/1600): Redesign Line + Single Stat cells to appear more like a sparkline, and improve legibility ## v1.3.2.1 [2017-06-06] diff --git a/ui/src/dashboards/containers/DashboardsPage.js b/ui/src/dashboards/containers/DashboardsPage.js index 112b3c2707..5475b8fe2d 100644 --- a/ui/src/dashboards/containers/DashboardsPage.js +++ b/ui/src/dashboards/containers/DashboardsPage.js @@ -99,7 +99,7 @@ const DashboardsPage = React.createClass({ {dashboards.map(dashboard => - + diff --git a/ui/src/data_explorer/containers/Header.js b/ui/src/data_explorer/containers/Header.js index acf6bc5eb9..34baf1a4bb 100644 --- a/ui/src/data_explorer/containers/Header.js +++ b/ui/src/data_explorer/containers/Header.js @@ -51,7 +51,7 @@ const Header = React.createClass({
-
+
Write Data
diff --git a/ui/src/external/dygraph.js b/ui/src/external/dygraph.js index 5229e7b6f5..66ce45214a 100644 --- a/ui/src/external/dygraph.js +++ b/ui/src/external/dygraph.js @@ -298,12 +298,12 @@ Dygraph.Plugins.Crosshair = (function() { const gradient = ctx.createLinearGradient(0, 0, 0, height) gradient.addColorStop(0, 'rgba(255, 255, 255, 0.0)') - gradient.addColorStop(0.2, 'rgba(255, 255, 255, 1.0)') - gradient.addColorStop(0.8, 'rgba(255, 255, 255, 1.0)') + gradient.addColorStop(0.11, 'rgba(255, 255, 255, 1.0)') + gradient.addColorStop(0.89, 'rgba(255, 255, 255, 1.0)') gradient.addColorStop(1, 'rgba(255, 255, 255, 0.0)') ctx.strokeStyle = gradient - ctx.lineWidth = 2 + ctx.lineWidth = 1.5 // If graphs have different time ranges, it's possible to select a point on // one graph that doesn't exist in another, resulting in an exception. diff --git a/ui/src/hosts/components/HostsTable.js b/ui/src/hosts/components/HostsTable.js index 049ab6c9d0..4851a90723 100644 --- a/ui/src/hosts/components/HostsTable.js +++ b/ui/src/hosts/components/HostsTable.js @@ -1,10 +1,10 @@ import React, {PropTypes} from 'react' import {Link} from 'react-router' +import _ from 'lodash' import shallowCompare from 'react-addons-shallow-compare' import classnames from 'classnames' - -import _ from 'lodash' +import {HOSTS_TABLE} from 'src/hosts/constants/tableSizing' const {arrayOf, bool, number, shape, string} = PropTypes @@ -101,6 +101,7 @@ const HostsTable = React.createClass({ sortDirection ) const hostCount = sortedHosts.length + const {colName, colStatus, colCPU, colLoad} = HOSTS_TABLE let hostsTitle @@ -128,27 +129,28 @@ const HostsTable = React.createClass({ this.updateSort('name')} className={this.sortableClasses('name')} + style={{width: colName}} > Host this.updateSort('deltaUptime')} className={this.sortableClasses('deltaUptime')} - style={{width: '74px'}} + style={{width: colStatus}} > Status this.updateSort('cpu')} className={this.sortableClasses('cpu')} - style={{width: '70px'}} + style={{width: colCPU}} > CPU this.updateSort('load')} className={this.sortableClasses('load')} - style={{width: '68px'}} + style={{width: colLoad}} > Load @@ -195,13 +197,14 @@ const HostRow = React.createClass({ render() { const {host, source} = this.props const {name, cpu, load, apps = []} = host + const {colName, colStatus, colCPU, colLoad} = HOSTS_TABLE return ( - + {name} - +
- + {isNaN(cpu) ? 'N/A' : `${cpu.toFixed(2)}%`} - + {isNaN(load) ? 'N/A' : `${load.toFixed(2)}`} - + {apps.map((app, index) => { return ( diff --git a/ui/src/hosts/constants/tableSizing.js b/ui/src/hosts/constants/tableSizing.js new file mode 100644 index 0000000000..b1721b46af --- /dev/null +++ b/ui/src/hosts/constants/tableSizing.js @@ -0,0 +1,6 @@ +export const HOSTS_TABLE = { + colName: '40%', + colStatus: '74px', + colCPU: '70px', + colLoad: '68px', +} diff --git a/ui/src/kapacitor/components/KapacitorForm.js b/ui/src/kapacitor/components/KapacitorForm.js index c93947e036..a8f21dade6 100644 --- a/ui/src/kapacitor/components/KapacitorForm.js +++ b/ui/src/kapacitor/components/KapacitorForm.js @@ -52,6 +52,7 @@ class KapacitorForm extends Component { value={name} onChange={onInputChange} spellCheck="false" + maxLength="33" />
diff --git a/ui/src/kapacitor/containers/KapacitorPage.js b/ui/src/kapacitor/containers/KapacitorPage.js index 804faa8331..3cf422fa52 100644 --- a/ui/src/kapacitor/containers/KapacitorPage.js +++ b/ui/src/kapacitor/containers/KapacitorPage.js @@ -71,6 +71,15 @@ class KapacitorPage extends Component { const {addFlashMessage, source, params, router} = this.props const {kapacitor} = this.state + const kapNames = source.kapacitors.map(k => k.name) + if (kapNames.includes(kapacitor.name)) { + addFlashMessage({ + type: 'error', + text: `There is already a Kapacitor configuration named "${kapacitor.name}"`, + }) + return + } + if (params.id) { updateKapacitor(kapacitor) .then(({data}) => { @@ -142,7 +151,7 @@ class KapacitorPage extends Component { } } -const {func, shape, string} = PropTypes +const {array, func, shape, string} = PropTypes KapacitorPage.propTypes = { addFlashMessage: func, @@ -155,6 +164,7 @@ KapacitorPage.propTypes = { source: shape({ id: string.isRequired, url: string.isRequired, + kapacitors: array.isRequired, }), } diff --git a/ui/src/shared/components/LineGraph.js b/ui/src/shared/components/LineGraph.js index 5390164360..2f705d7c56 100644 --- a/ui/src/shared/components/LineGraph.js +++ b/ui/src/shared/components/LineGraph.js @@ -9,6 +9,8 @@ import lastValues from 'shared/parsing/lastValues' const {array, arrayOf, bool, func, number, shape, string} = PropTypes +const SMALL_CELL_HEIGHT = 1 + export default React.createClass({ displayName: 'LineGraph', propTypes: { @@ -37,6 +39,7 @@ export default React.createClass({ }), isInDataExplorer: bool, synchronizer: func, + cellHeight: number, }, getDefaultProps() { @@ -91,6 +94,7 @@ export default React.createClass({ ruleValues, synchronizer, timeRange, + cellHeight, } = this.props const {labels, timeSeries, dygraphSeries} = this._timeSeries @@ -112,7 +116,7 @@ export default React.createClass({ title, rightGap: 0, yRangePad: 10, - axisLabelWidth: 38, + axisLabelWidth: 60, drawAxesAtZero: true, underlayCallback, ylabel: _.get(queries, ['0', 'label'], ''), @@ -120,6 +124,32 @@ export default React.createClass({ ...displayOptions, } + const singleStatOptions = { + labels, + connectSeparatedPoints: true, + labelsKMB: true, + axes: { + x: { + drawGrid: false, + drawAxis: false, + }, + y: { + drawGrid: false, + drawAxis: false, + }, + }, + title, + rightGap: 0, + strokeWidth: 1.5, + drawAxesAtZero: true, + underlayCallback, + ...displayOptions, + highlightSeriesOpts: { + strokeWidth: 1.5, + }, + } + const singleStatLineColor = ['#7A65F2'] + let roundedValue if (showSingleStat) { const lastValue = lastValues(data)[1] @@ -138,12 +168,14 @@ export default React.createClass({ {isRefreshing ? this.renderSpinner() : null} {showSingleStat - ?
- {roundedValue} + ?
+ + {roundedValue} +
: null}
diff --git a/ui/src/shared/data/timeRanges.hson b/ui/src/shared/data/timeRanges.hson index 3a3af86dbc..693cf50275 100644 --- a/ui/src/shared/data/timeRanges.hson +++ b/ui/src/shared/data/timeRanges.hson @@ -8,4 +8,5 @@ {defaultGroupBy: '30m', seconds: 172800, inputValue: 'Past 2 days', lower: 'now() - 2d', upper: null, menuOption: 'Past 2 days'}, {defaultGroupBy: '1h', seconds: 604800, inputValue: 'Past 7 days', lower: 'now() - 7d', upper: null, menuOption: 'Past 7 days'}, {defaultGroupBy: '6h', seconds: 2592000, inputValue: 'Past 30 days', lower: 'now() - 30d', upper: null, menuOption: 'Past 30 days'}, + {defaultGroupBy: '12h', seconds: 7776000, inputValue: 'Past 90 days', lower: 'now() - 90d', upper: null, menuOption: 'Past 90 days'}, ] diff --git a/ui/src/side_nav/containers/SideNav.js b/ui/src/side_nav/containers/SideNav.js index de982e9459..226983df42 100644 --- a/ui/src/side_nav/containers/SideNav.js +++ b/ui/src/side_nav/containers/SideNav.js @@ -9,6 +9,8 @@ import { NavListItem, } from 'src/side_nav/components/NavItems' +import {DEFAULT_HOME_PAGE} from 'shared/constants' + const {bool, shape, string} = PropTypes const SideNav = React.createClass({ @@ -39,7 +41,7 @@ const SideNav = React.createClass({ ? null :
- +
diff --git a/ui/src/sources/components/InfluxTable.js b/ui/src/sources/components/InfluxTable.js index f35ea5418d..df9ed95746 100644 --- a/ui/src/sources/components/InfluxTable.js +++ b/ui/src/sources/components/InfluxTable.js @@ -2,6 +2,7 @@ import React, {PropTypes} from 'react' import {Link, withRouter} from 'react-router' import Dropdown from 'shared/components/Dropdown' +import QuestionMarkTooltip from 'shared/components/QuestionMarkTooltip' const kapacitorDropdown = ( kapacitors, @@ -12,7 +13,12 @@ const kapacitorDropdown = ( ) => { if (!kapacitors || kapacitors.length === 0) { return ( - Add Kapacitor + + Add Config + ) } const kapacitorItems = kapacitors.map(k => { @@ -35,7 +41,7 @@ const kapacitorDropdown = ( return ( setActiveKapacitor(item.kapacitor)} @@ -90,27 +96,59 @@ const InfluxTable = ({ - - - + {sources.map(s => { return ( - + - + + - ) })} diff --git a/ui/src/status/reducers/ui.js b/ui/src/status/reducers/ui.js index 6263335956..5c82aaa2ff 100644 --- a/ui/src/status/reducers/ui.js +++ b/ui/src/status/reducers/ui.js @@ -3,7 +3,7 @@ import timeRanges from 'hson!shared/data/timeRanges.hson' import * as actionTypes from 'src/status/constants/actionTypes' -const {lower, upper} = timeRanges.find(tr => tr.lower === 'now() - 30d') +const {lower, upper} = timeRanges.find(tr => tr.lower === 'now() - 90d') const initialState = { autoRefresh: AUTOREFRESH_DEFAULT, diff --git a/ui/src/style/components/dygraphs.scss b/ui/src/style/components/dygraphs.scss index 339a889caf..f0a07d37cb 100644 --- a/ui/src/style/components/dygraphs.scss +++ b/ui/src/style/components/dygraphs.scss @@ -128,10 +128,10 @@ .graph--hasYLabel { .dygraph-axis-label-y { - padding: 0 1px 0 10px !important; + padding: 0 1px 0 16px !important; } .dygraph-axis-label-y2 { - padding: 0 10px 0 1px !important; + padding: 0 16px 0 1px !important; } } @@ -153,13 +153,37 @@ top: calc(50% - 15px); left: 50%; transform: translate(-50%,-50%); + width: calc(100% - 32px); + // overflow: hidden; + text-align: center; + // text-overflow: ellipsis; font-size: 54px; line-height: 54px; font-weight: 300; - color: $c-pool; + color: $c-laser; + z-index: 1; &.single-stat--small { - font-size: 38px; - line-height: 38px; + font-weight: 400; + font-size: 34px; + line-height: 34px; } } +.single-stat--shadow { + position: relative; + display: inline-block; +} +.single-stat--shadow:after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 110%; + height: 0; + transform: translate(-50%,-50%); + box-shadow: fade-out($g2-kevlar, 0.3) 0 0 50px 30px; + z-index: -1; +} +.single-stat--small .single-stat--shadow:after { + box-shadow: fade-out($g2-kevlar, 0.3) 0 0 30px 10px; +} diff --git a/ui/src/style/components/tables.scss b/ui/src/style/components/tables.scss index 4e7a7f95a4..ca68164158 100644 --- a/ui/src/style/components/tables.scss +++ b/ui/src/style/components/tables.scss @@ -167,6 +167,11 @@ $table-tab-scrollbar-height: 6px; border-radius: 0 $radius-small $radius-small $radius-small; } + +.table > tbody > tr.highlight, +.table.table-highlight > tbody > tr.highlight { + background-color: $g4-onyx; +} /* Responsive Tables ---------------------------------------------- diff --git a/ui/src/style/pages/admin.scss b/ui/src/style/pages/admin.scss index 097e555fb3..8c1cce54a1 100644 --- a/ui/src/style/pages/admin.scss +++ b/ui/src/style/pages/admin.scss @@ -149,7 +149,7 @@ pre.admin-table--query { font-size: 16px; font-family: $code-font; padding-left: 6px; - width: auto; + @include no-user-select(); } } .db-manager-header--edit { diff --git a/ui/src/style/pages/dashboards.scss b/ui/src/style/pages/dashboards.scss index 78bc2efbae..e98f4c5cf1 100644 --- a/ui/src/style/pages/dashboards.scss +++ b/ui/src/style/pages/dashboards.scss @@ -204,6 +204,7 @@ input.form-control.dash-graph--name-edit { transition-property: all; > li { + @include no-user-select; position: relative; width: 100%; height: 28px; @@ -241,7 +242,7 @@ input.form-control.dash-graph--name-edit { &:hover { cursor: pointer; - background-color: $g6-smoke; + background-color: $g7-graphite; color: $g20-white; } } diff --git a/ui/src/style/pages/kapacitor.scss b/ui/src/style/pages/kapacitor.scss index 366b4cf8f1..5301728c5d 100644 --- a/ui/src/style/pages/kapacitor.scss +++ b/ui/src/style/pages/kapacitor.scss @@ -24,7 +24,6 @@ $rule-builder--radius-lg: 5px; align-items: stretch; } .rule-builder p { - width: auto; margin: 0 ($rule-builder--padding-sm - 2px); font-weight: 600; color: $g15-platinum; diff --git a/ui/src/style/pages/overlay-technology.scss b/ui/src/style/pages/overlay-technology.scss index fdb4a0395b..7062562499 100644 --- a/ui/src/style/pages/overlay-technology.scss +++ b/ui/src/style/pages/overlay-technology.scss @@ -54,7 +54,6 @@ $overlay-z: 100; margin: 0 0 0 5px; } p { - width: auto; font-weight: 600; color: $g13-mist; margin: 0 6px 0 0; @@ -63,7 +62,6 @@ $overlay-z: 100; } } .overlay--graph-name { - width: auto; margin: 0; font-size: 17px; font-weight: 400; diff --git a/ui/src/style/theme/bootstrap-theme.scss b/ui/src/style/theme/bootstrap-theme.scss index 014ccf9dca..8345c8ee16 100755 --- a/ui/src/style/theme/bootstrap-theme.scss +++ b/ui/src/style/theme/bootstrap-theme.scss @@ -1,123 +1,67 @@ /* - Bootstrap v3.3.6 (http://getbootstrap.com) - -------------------------------------------------- - Copyright 2011-2015 Twitter, Inc. - Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - - - Theme design by Alex Paxton (alexpaxton.com) - Intended for use exclusively with InfluxData products - - * NOTE: Items are in no particular order + Theme designed by Alex Paxton (alexpaxton.com) + Intended for use exclusively with Chronograf + or other InfluxData products */ .user-select-none { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .user-select-none, .user-select-none:hover { cursor: default; } .u-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .u-flex.u-jc-flex-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .u-flex.u-jc-flex-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .u-flex.u-jc-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .u-flex.u-jc-space-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .u-flex.u-jc-space-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .u-flex.u-ai-flex-start { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + align-items: flex-start; } .u-flex.u-ai-flex-end { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; + align-items: flex-end; } .u-flex.u-ai-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .u-flex.u-ai-stretch { - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; } .u-flex.u-ai-baseline { - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; + align-items: baseline; } .u-flex.u-ac-flex-start { - -webkit-align-content: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; + align-content: flex-start; } .u-flex.u-ac-flex-end { - -webkit-align-content: flex-end; - -ms-flex-line-pack: end; - align-content: flex-end; + align-content: flex-end; } .u-flex.u-ac-center { - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; + align-content: center; } .u-flex.u-ac-stretch { - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; + align-content: stretch; } .u-flex.u-ac-space-between { - -webkit-align-content: space-between; - -ms-flex-line-pack: justify; - align-content: space-between; + align-content: space-between; } .u-flex.u-ac-space-around { - -webkit-align-content: space-around; - -ms-flex-line-pack: distribute; - align-content: space-around; + align-content: space-around; } .margin-zero { margin: 0 !important; @@ -513,9 +457,8 @@ html { width: 100%; height: 60px; background: #545667; + background: -moz-linear-gradient(left, #545667 0%, #31313d 100%); background: -webkit-linear-gradient(left, #545667 0%, #31313d 100%); - background: -webkit-gradient(linear, left top, right top, from(#545667), to(#31313d)); - background: -o-linear-gradient(left, #545667 0%, #31313d 100%); background: linear-gradient(to right, #545667 0%, #31313d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -525,13 +468,11 @@ html { left: 0; z-index: 3; width: 100%; - height: -webkit-calc(100% - 60px ); - height: calc(100% - 60px ); + height: calc(100% - 60px ); overflow: auto; background: #202028; + background: -moz-linear-gradient(top, #202028 0%, #0f0e15 100%); background: -webkit-linear-gradient(top, #202028 0%, #0f0e15 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#202028), to(#0f0e15)); - background: -o-linear-gradient(top, #202028 0%, #0f0e15 100%); background: linear-gradient(to bottom, #202028 0%, #0f0e15 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } @@ -566,10 +507,7 @@ html { z-index: 5; width: 100%; height: 60px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; background-color: #0f0e15; } .ix-app-heading, @@ -585,74 +523,40 @@ html { height: 6px; content: ''; background: rgba(41, 41, 51, .02); + background: -moz-linear-gradient(top, rgba(41, 41, 51, .02) 0%, rgba(41, 41, 51, 0) 100%); background: -webkit-linear-gradient(top, rgba(41, 41, 51, .02) 0%, rgba(41, 41, 51, 0) 100%); - background: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 41, 51, .02)), to(rgba(41, 41, 51, 0))); - background: -o-linear-gradient(top, rgba(41, 41, 51, .02) 0%, rgba(41, 41, 51, 0) 100%); background: linear-gradient(to bottom, rgba(41, 41, 51, .02) 0%, rgba(41, 41, 51, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } .ix-app-heading--container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; width: 100%; height: 60px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + justify-content: space-between; + align-items: stretch; } .ix-app-heading .app-heading-section-styles { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .ix-app-heading--left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; text-align: left; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + align-items: center; + justify-content: flex-start; } .ix-app-heading--left > * { margin-right: 8px !important; } .ix-app-heading--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; text-align: right; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + align-items: center; + justify-content: flex-end; } .ix-app-heading--right > * { margin-left: 4px !important; @@ -674,13 +578,11 @@ html { left: 0; z-index: 3; width: 100%; - height: -webkit-calc(100% - 60px ); - height: calc(100% - 60px ); + height: calc(100% - 60px ); overflow: auto; background-repeat: no-repeat; background-position: center center; - -webkit-background-size: cover; - background-size: cover; + background-size: cover; } .ix-app-splash::-webkit-scrollbar { width: 14px; @@ -723,53 +625,29 @@ html { margin: 0 !important; background-color: #a4a8b6; opacity: 0; - -webkit-transition: top .25s ease, opacity .25s ease, -webkit-transform .25s ease .25s, background-color .25s ease; - -o-transition: top .25s ease, opacity .25s ease, -o-transform .25s ease .25s, background-color .25s ease; - transition: top .25s ease, opacity .25s ease, transform .25s ease .25s, background-color .25s ease; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transition: top .25s ease, opacity .25s ease, transform .25s ease .25s, background-color .25s ease; + transform: translate(-50%, -50%); } .ix-sidebar .navbar-toggle .icon-bar:nth-of-type(2) { opacity: 1; - -webkit-transform: translate(-50%, -50%) rotate(45deg); - -ms-transform: translate(-50%, -50%) rotate(45deg); - -o-transform: translate(-50%, -50%) rotate(45deg); - transform: translate(-50%, -50%) rotate(45deg); + transform: translate(-50%, -50%) rotate(45deg); } .ix-sidebar .navbar-toggle .icon-bar:nth-of-type(3) { opacity: 1; - -webkit-transform: translate(-50%, -50%) rotate(-45deg); - -ms-transform: translate(-50%, -50%) rotate(-45deg); - -o-transform: translate(-50%, -50%) rotate(-45deg); - transform: translate(-50%, -50%) rotate(-45deg); + transform: translate(-50%, -50%) rotate(-45deg); } .ix-sidebar .navbar-toggle.collapsed .icon-bar { opacity: 1; - -webkit-transition: top .25s ease .25s, opacity .25s ease, -webkit-transform .25s ease, background-color .25s ease; - -o-transition: top .25s ease .25s, opacity .25s ease, -o-transform .25s ease, background-color .25s ease; - transition: top .25s ease .25s, opacity .25s ease, transform .25s ease, background-color .25s ease; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transition: top .25s ease .25s, opacity .25s ease, transform .25s ease, background-color .25s ease; + transform: translate(-50%, -50%); } .ix-sidebar .navbar-toggle.collapsed .icon-bar:nth-of-type(2) { - top: -webkit-calc(50% - 8px); - top: calc(50% - 8px); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + top: calc(50% - 8px); + transform: translate(-50%, -50%); } .ix-sidebar .navbar-toggle.collapsed .icon-bar:nth-of-type(3) { - top: -webkit-calc(50% + 8px); - top: calc(50% + 8px); - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + top: calc(50% + 8px); + transform: translate(-50%, -50%); } .ix-sidebar .navbar-toggle:hover { background-color: transparent; @@ -789,10 +667,7 @@ html { left: 50%; font-size: 26px; color: #676978; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .ix-sidebar .navbar-brand a:link, .ix-sidebar .navbar-brand a:active, @@ -804,9 +679,7 @@ html { height: 100%; color: #676978; background-color: #eeeff2; - -webkit-transition: background-color .25s ease; - -o-transition: background-color .25s ease; - transition: background-color .25s ease; + transition: background-color .25s ease; } .ix-sidebar .navbar-brand a:hover { cursor: pointer; @@ -821,17 +694,15 @@ html { left: 15px; width: 100%; background: #22adf6; + background: -moz-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: -webkit-linear-gradient(left, #22adf6 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#9394ff)); - background: -o-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: linear-gradient(to right, #22adf6 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); border: 0; } .ix-sidebar .navbar-nav { display: block; - width: -webkit-calc(100% + 30px) !important; - width: calc(100% + 30px) !important; + width: calc(100% + 30px) !important; max-height: 270px; margin: 0 -15px; overflow: auto; @@ -869,9 +740,7 @@ html { font-family: 'Roboto', Helvetica, Arial, Tahoma, Verdana, sans-serif !important; color: #bef0ff; background-color: transparent; - -webkit-transition: background-color .25s ease, color .25s ease; - -o-transition: background-color .25s ease, color .25s ease; - transition: background-color .25s ease, color .25s ease; + transition: background-color .25s ease, color .25s ease; } .ix-sidebar .navbar-nav > li > a:link:before, .ix-sidebar .navbar-nav > li > a:active:before, @@ -884,9 +753,8 @@ html { .ix-sidebar .navbar-nav > li > a.dropdown-toggle:hover { color: #fff; background: rgba(69, 145, 237, .5); + background: -moz-linear-gradient(left, rgba(69, 145, 237, .5) 0%, #9394ff 100%); background: -webkit-linear-gradient(left, rgba(69, 145, 237, .5) 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(rgba(69, 145, 237, .5)), to(#9394ff)); - background: -o-linear-gradient(left, rgba(69, 145, 237, .5) 0%, #9394ff 100%); background: linear-gradient(to right, rgba(69, 145, 237, .5) 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -897,16 +765,9 @@ html { font-family: 'icomoon' !important; color: #bef0ff; content: "\e902"; - -webkit-transition: color .25s ease, - -webkit-transform .25s ease; - -o-transition: color .25s ease, - -o-transform .25s ease; - transition: color .25s ease, + transition: color .25s ease, transform .25s ease; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .ix-sidebar .navbar-nav > li > a.dropdown-toggle:hover:after { color: #fff; @@ -914,25 +775,20 @@ html { .ix-sidebar .navbar-nav > li.open > a.dropdown-toggle { color: #fff; background: #4591ed; + background: -moz-linear-gradient(left, #4591ed 0%, #9394ff 100%); background: -webkit-linear-gradient(left, #4591ed 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#4591ed), to(#9394ff)); - background: -o-linear-gradient(left, #4591ed 0%, #9394ff 100%); background: linear-gradient(to right, #4591ed 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .ix-sidebar .navbar-nav > li.open > a.dropdown-toggle:after { color: #fff; - -webkit-transform: translate(-50%, -50%) rotate(-90deg); - -ms-transform: translate(-50%, -50%) rotate(-90deg); - -o-transform: translate(-50%, -50%) rotate(-90deg); - transform: translate(-50%, -50%) rotate(-90deg); + transform: translate(-50%, -50%) rotate(-90deg); } .ix-sidebar .navbar-nav .dropdown-menu { padding: 0; background: #4591ed; + background: -moz-linear-gradient(left, #4591ed 0%, #9394ff 100%); background: -webkit-linear-gradient(left, #4591ed 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#4591ed), to(#9394ff)); - background: -o-linear-gradient(left, #4591ed 0%, #9394ff 100%); background: linear-gradient(to right, #4591ed 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); border-radius: 0; @@ -944,25 +800,21 @@ html { .ix-sidebar .navbar-nav .dropdown-menu li > a { padding: 4px 15px 4px 60px; color: #bef0ff; - -webkit-transition: color .25s ease, background-color .25s ease; - -o-transition: color .25s ease, background-color .25s ease; - transition: color .25s ease, background-color .25s ease; + transition: color .25s ease, background-color .25s ease; } .ix-sidebar .navbar-nav .dropdown-menu li > a:hover { color: #fff; background: rgba(50, 107, 186, .5); + background: -moz-linear-gradient(left, rgba(50, 107, 186, .5) 0%, #9394ff 100%); background: -webkit-linear-gradient(left, rgba(50, 107, 186, .5) 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(rgba(50, 107, 186, .5)), to(#9394ff)); - background: -o-linear-gradient(left, rgba(50, 107, 186, .5) 0%, #9394ff 100%); background: linear-gradient(to right, rgba(50, 107, 186, .5) 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .ix-sidebar .navbar-nav .dropdown-menu li.active > a { color: #fff; background: #326bba; + background: -moz-linear-gradient(left, #326bba 0%, #9394ff 100%); background: -webkit-linear-gradient(left, #326bba 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#326bba), to(#9394ff)); - background: -o-linear-gradient(left, #326bba 0%, #9394ff 100%); background: linear-gradient(to right, #326bba 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -977,14 +829,12 @@ html { position: absolute; bottom: 0; left: 60px; - width: -webkit-calc(100% - 60px - 15px); - width: calc(100% - 60px - 15px); + width: calc(100% - 60px - 15px); height: 2px; content: ''; background: #22adf6; + background: -moz-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: -webkit-linear-gradient(left, #22adf6 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#9394ff)); - background: -o-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: linear-gradient(to right, #22adf6 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -995,9 +845,8 @@ html { width: 60px; height: 100%; background: #545667; + background: -moz-linear-gradient(top, #545667 0%, #31313d 100%); background: -webkit-linear-gradient(top, #545667 0%, #31313d 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#545667), to(#31313d)); - background: -o-linear-gradient(top, #545667 0%, #31313d 100%); background: linear-gradient(to bottom, #545667 0%, #31313d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } @@ -1030,9 +879,7 @@ html { font-size: 0 !important; color: #999dab; background-color: transparent; - -webkit-transition: background-color .25s ease, color .25s ease, text-shadow .25s ease; - -o-transition: background-color .25s ease, color .25s ease, text-shadow .25s ease; - transition: background-color .25s ease, color .25s ease, text-shadow .25s ease; + transition: background-color .25s ease, color .25s ease, text-shadow .25s ease; } .ix-sidebar .navbar-nav > li > a:link:before, .ix-sidebar .navbar-nav > li > a:active:before, @@ -1043,10 +890,7 @@ html { left: 50%; display: block; font-size: 26px !important; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - -o-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .ix-sidebar .navbar-nav > li > a:hover, .ix-sidebar .navbar-nav > li > a.dropdown-toggle:hover { @@ -1080,9 +924,8 @@ html { left: 60px; width: auto !important; background: #22adf6 !important; + background: -moz-linear-gradient(top, #22adf6 0%, #9394ff 100%) !important; background: -webkit-linear-gradient(top, #22adf6 0%, #9394ff 100%) !important; - background: -webkit-gradient(linear, left top, left bottom, from(#22adf6), to(#9394ff)) !important; - background: -o-linear-gradient(top, #22adf6 0%, #9394ff 100%) !important; background: linear-gradient(to bottom, #22adf6 0%, #9394ff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0) !important; border-radius: 0 4px 4px 0 !important; @@ -1096,25 +939,21 @@ html { font-weight: 500; color: #bef0ff; border-radius: 0; - -webkit-transition: color .25s ease, background-color .25s ease; - -o-transition: color .25s ease, background-color .25s ease; - transition: color .25s ease, background-color .25s ease; + transition: color .25s ease, background-color .25s ease; } .ix-sidebar .navbar-nav .dropdown-menu > li > a:hover { color: #fff; background: #4591ed !important; + background: -moz-linear-gradient(left, #4591ed 0%, rgba(69, 145, 237, 0) 100%) !important; background: -webkit-linear-gradient(left, #4591ed 0%, rgba(69, 145, 237, 0) 100%) !important; - background: -webkit-gradient(linear, left top, right top, from(#4591ed), to(rgba(69, 145, 237, 0))) !important; - background: -o-linear-gradient(left, #4591ed 0%, rgba(69, 145, 237, 0) 100%) !important; background: linear-gradient(to right, #4591ed 0%, rgba(69, 145, 237, 0) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1) !important; } .ix-sidebar .navbar-nav .dropdown-menu > li.active > a { color: #fff; background: #326bba !important; + background: -moz-linear-gradient(left, #326bba 0%, rgba(50, 107, 186, 0) 100%) !important; background: -webkit-linear-gradient(left, #326bba 0%, rgba(50, 107, 186, 0) 100%) !important; - background: -webkit-gradient(linear, left top, right top, from(#326bba), to(rgba(50, 107, 186, 0))) !important; - background: -o-linear-gradient(left, #326bba 0%, rgba(50, 107, 186, 0) 100%) !important; background: linear-gradient(to right, #326bba 0%, rgba(50, 107, 186, 0) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1) !important; } @@ -1132,8 +971,7 @@ html { position: absolute; bottom: 0; left: 28px; - width: -webkit-calc(100% - 56px ); - width: calc(100% - 56px ); + width: calc(100% - 56px ); height: 2px; content: ''; background-color: rgba(0, 201, 255, .5); @@ -1141,31 +979,26 @@ html { } .ix-sidebar .navbar-collapse { left: 0; - max-height: -webkit-calc(100% - 60px ); - max-height: calc(100% - 60px ); + max-height: calc(100% - 60px ); background-color: transparent; background-image: none; } .ix-app-wrapper { top: 60px; left: 60px; - width: -webkit-calc(100% - 60px ); - width: calc(100% - 60px ); - height: -webkit-calc(100% - 60px ); - height: calc(100% - 60px ); + width: calc(100% - 60px ); + height: calc(100% - 60px ); } .ix-app-heading { top: 0; left: 60px; - width: -webkit-calc(100% - 60px ); - width: calc(100% - 60px ); + width: calc(100% - 60px ); padding-right: 14px; } .ix-app-splash { top: 0; left: 60px; - width: -webkit-calc(100% - 60px ); - width: calc(100% - 60px ); + width: calc(100% - 60px ); height: 100%; } } @@ -1193,10 +1026,7 @@ html { border-color: transparent transparent transparent #31313d; border-style: solid; border-width: 30px; - -webkit-transform: scale(.5, 1) translateX(-50%); - -ms-transform: scale(.5, 1) translateX(-50%); - -o-transform: scale(.5, 1) translateX(-50%); - transform: scale(.5, 1) translateX(-50%); + transform: scale(.5, 1) translateX(-50%); } body { font-family: 'Roboto', Helvetica, Arial, Tahoma, Verdana, sans-serif; @@ -1210,9 +1040,7 @@ a:visited { font-weight: 700; color: #22adf6; text-decoration: none; - -webkit-transition: color .2s ease; - -o-transition: color .2s ease; - transition: color .2s ease; + transition: color .2s ease; } a:link.link-danger, a:visited.link-danger { @@ -1243,11 +1071,6 @@ a:hover.link-warning, a:active.link-warning { color: #9394ff; } -::-moz-selection { - color: #fff; - background-color: #22adf6; - /* WebKit/Blink Browsers */ -} ::selection { color: #fff; background-color: #22adf6; @@ -1259,8 +1082,6 @@ a:active.link-warning { /* Gecko Browsers */ } .type-base-styles { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; } .type-small-styles small { @@ -1269,8 +1090,6 @@ a:active.link-warning { color: #bec2cc; } p { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; font-size: 14.5px; font-weight: 400; @@ -1286,8 +1105,6 @@ p small { color: #bec2cc; } h1 { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; font-size: 35px; font-weight: 300; @@ -1300,8 +1117,6 @@ h1 small { color: #bec2cc; } h2 { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; font-size: 30px; font-weight: 300; @@ -1314,8 +1129,6 @@ h2 small { color: #bec2cc; } h3 { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; font-size: 25px; font-weight: 400; @@ -1330,8 +1143,6 @@ h3 small { font-weight: 400; } h4 { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; font-size: 21px; font-weight: 400; @@ -1346,8 +1157,6 @@ h4 small { font-weight: 400; } h5 { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; font-size: 18px; font-weight: 600; @@ -1362,8 +1171,6 @@ h5 small { font-weight: 500; } h6 { - display: inline-block; - width: 100%; margin: 8px 0 .55em 0; font-size: 14.5px; font-weight: 900; @@ -1379,8 +1186,6 @@ h6 small { } ol, ul { - display: inline-block; - width: 100%; padding-left: 16px; margin: 8px 0 .55em 0; font-size: 14.5px; @@ -1396,8 +1201,6 @@ li:last-child { } blockquote { position: relative; - display: inline-block; - width: 100%; padding: 8px 16px; margin: 8px 0 .55em 0; font-size: 14.5px; @@ -1450,10 +1253,6 @@ mark { background-color: #108174; border-radius: 3px; } -::-moz-selection { - color: #fff; - background-color: #22adf6; -} ::selection { color: #fff; background-color: #22adf6; @@ -1463,10 +1262,7 @@ mark { background-color: #22adf6; } br { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } br, br:hover { @@ -1488,11 +1284,8 @@ input.btn { border-style: solid; border-radius: 4px; outline: none !important; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background-color .25s ease, color .25s ease, border-color .25s ease, opacity .3s ease; - -o-transition: background-color .25s ease, color .25s ease, border-color .25s ease, opacity .3s ease; - transition: background-color .25s ease, color .25s ease, border-color .25s ease, opacity .3s ease; + box-shadow: none; + transition: background-color .25s ease, color .25s ease, border-color .25s ease, opacity .3s ease; } .btn > .icon, a.btn > .icon, @@ -1500,9 +1293,9 @@ div.btn > .icon, button.btn > .icon, input.btn > .icon { position: relative; - top: 0; + top: -.5px; margin: 0 4px 0 0; - font-size: 1.125em; + font-size: 1em; } .btn-square, a.btn-square, @@ -1535,7 +1328,6 @@ a.btn-xs > .icon, div.btn-xs > .icon, button.btn-xs > .icon, input.btn-xs > .icon { - top: 0; margin-right: 3px; } .btn-xs.btn-square, @@ -1563,6 +1355,7 @@ button.btn-sm > .icon, input.btn-sm > .icon { top: 0; margin-right: 4px; + font-size: 1.125em; } .btn-sm.btn-square, a.btn-sm.btn-square, @@ -1587,7 +1380,6 @@ a.btn-md > .icon, div.btn-md > .icon, button.btn-md > .icon, input.btn-md > .icon { - top: 0; margin-right: 6px; } .btn-md.btn-square, @@ -1613,7 +1405,6 @@ a.btn-lg > .icon, div.btn-lg > .icon, button.btn-lg > .icon, input.btn-lg > .icon { - top: -.5px; margin-right: 8px; } .btn-lg.btn-square, @@ -1659,8 +1450,7 @@ button.btn-default:focus, input.btn-default:focus { color: #c6cad3; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-default:hover, div.btn-default:hover, @@ -1673,8 +1463,7 @@ input.btn-default:focus:hover { color: #f6f6f8; cursor: pointer; background-color: #434453; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-default.active, div.btn-default.active, @@ -1707,8 +1496,7 @@ input.btn-default:focus:active:hover, color: #f6f6f8; cursor: pointer; background-color: #545667; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-default.disabled, div.btn-default.disabled, @@ -1725,8 +1513,7 @@ fieldset[disabled] input.btn-default { font-style: italic; color: #545667; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-default.disabled:hover, @@ -1792,8 +1579,7 @@ fieldset[disabled] input.btn-default:active:focus { color: #545667; cursor: not-allowed; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-default.disabled:after, @@ -1825,8 +1611,7 @@ button.btn-primary:focus, input.btn-primary:focus { color: #fff; background-color: #22adf6; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-primary:hover, div.btn-primary:hover, @@ -1839,8 +1624,7 @@ input.btn-primary:focus:hover { color: #fff; cursor: pointer; background-color: #00c9ff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-primary.active, div.btn-primary.active, @@ -1873,8 +1657,7 @@ input.btn-primary:focus:active:hover, color: #fff; cursor: pointer; background-color: #6bdfff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-primary.disabled, div.btn-primary.disabled, @@ -1891,8 +1674,7 @@ fieldset[disabled] input.btn-primary { font-style: italic; color: #545667; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-primary.disabled:hover, @@ -1958,8 +1740,7 @@ fieldset[disabled] input.btn-primary:active:focus { color: #545667; cursor: not-allowed; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-primary.disabled:after, @@ -1991,8 +1772,7 @@ button.btn-success:focus, input.btn-success:focus { color: #fff; background-color: #4ed8a0; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-success:hover, div.btn-success:hover, @@ -2005,8 +1785,7 @@ input.btn-success:focus:hover { color: #fff; cursor: pointer; background-color: #7ce490; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-success.active, div.btn-success.active, @@ -2039,8 +1818,7 @@ input.btn-success:focus:active:hover, color: #fff; cursor: pointer; background-color: #a5f3b4; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-success.disabled, div.btn-success.disabled, @@ -2057,8 +1835,7 @@ fieldset[disabled] input.btn-success { font-style: italic; color: #545667; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-success.disabled:hover, @@ -2124,8 +1901,7 @@ fieldset[disabled] input.btn-success:active:focus { color: #545667; cursor: not-allowed; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-success.disabled:after, @@ -2157,8 +1933,7 @@ button.btn-info:focus, input.btn-info:focus { color: #e7e8eb; background-color: #545667; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-info:hover, div.btn-info:hover, @@ -2171,8 +1946,7 @@ input.btn-info:focus:hover { color: #fff; cursor: pointer; background-color: #676978; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-info.active, div.btn-info.active, @@ -2205,8 +1979,7 @@ input.btn-info:focus:active:hover, color: #fff; cursor: pointer; background-color: #757888; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-info.disabled, div.btn-info.disabled, @@ -2223,8 +1996,7 @@ fieldset[disabled] input.btn-info { font-style: italic; color: #545667; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-info.disabled:hover, @@ -2290,8 +2062,7 @@ fieldset[disabled] input.btn-info:active:focus { color: #545667; cursor: not-allowed; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-info.disabled:after, @@ -2323,8 +2094,7 @@ button.btn-warning:focus, input.btn-warning:focus { color: #fff; background-color: #7a65f2; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-warning:hover, div.btn-warning:hover, @@ -2337,8 +2107,7 @@ input.btn-warning:focus:hover { color: #fff; cursor: pointer; background-color: #9394ff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-warning.active, div.btn-warning.active, @@ -2371,8 +2140,7 @@ input.btn-warning:focus:active:hover, color: #fff; cursor: pointer; background-color: #b1b6ff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-warning.disabled, div.btn-warning.disabled, @@ -2389,8 +2157,7 @@ fieldset[disabled] input.btn-warning { font-style: italic; color: #545667; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-warning.disabled:hover, @@ -2456,8 +2223,7 @@ fieldset[disabled] input.btn-warning:active:focus { color: #545667; cursor: not-allowed; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-warning.disabled:after, @@ -2489,8 +2255,7 @@ button.btn-danger:focus, input.btn-danger:focus { color: #fff; background-color: #f95f53; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-danger:hover, div.btn-danger:hover, @@ -2503,8 +2268,7 @@ input.btn-danger:focus:hover { color: #fff; cursor: pointer; background-color: #ff8564; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-danger.active, div.btn-danger.active, @@ -2537,8 +2301,7 @@ input.btn-danger:focus:active:hover, color: #fff; cursor: pointer; background-color: #ffb6a0; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-danger.disabled, div.btn-danger.disabled, @@ -2555,8 +2318,7 @@ fieldset[disabled] input.btn-danger { font-style: italic; color: #545667; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-danger.disabled:hover, @@ -2622,8 +2384,7 @@ fieldset[disabled] input.btn-danger:active:focus { color: #545667; cursor: not-allowed; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-danger.disabled:after, @@ -2655,8 +2416,7 @@ button.btn-alert:focus, input.btn-alert:focus { color: #fff; background-color: #ffb94a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-alert:hover, div.btn-alert:hover, @@ -2669,8 +2429,7 @@ input.btn-alert:focus:hover { color: #fff; cursor: pointer; background-color: #ffd255; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-alert.active, div.btn-alert.active, @@ -2703,8 +2462,7 @@ input.btn-alert:focus:active:hover, color: #fff; cursor: pointer; background-color: #ffe480; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-alert.disabled, div.btn-alert.disabled, @@ -2721,8 +2479,7 @@ fieldset[disabled] input.btn-alert { font-style: italic; color: #545667; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-alert.disabled:hover, @@ -2788,8 +2545,7 @@ fieldset[disabled] input.btn-alert:active:focus { color: #545667; cursor: not-allowed; background-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-alert.disabled:after, @@ -2855,10 +2611,8 @@ div.btn-link:after, button.btn-link:after { top: -4px; left: -4px; - width: -webkit-calc(100% + 8px); - width: calc(100% + 8px); - height: -webkit-calc(100% + 8px); - height: calc(100% + 8px); + width: calc(100% + 8px); + height: calc(100% + 8px); } a.btn-link.active, div.btn-link.active, @@ -2878,8 +2632,7 @@ button.btn-link:active:hover, color: #00c9ff; background-color: transparent; border-color: #00c9ff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-link.disabled, div.btn-link.disabled, @@ -2894,8 +2647,7 @@ fieldset[disabled] button.btn-link { color: #545667; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link.disabled:hover, @@ -2947,8 +2699,7 @@ fieldset[disabled] button.btn-link:active:focus { cursor: not-allowed; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link.disabled:after, @@ -3011,10 +2762,8 @@ div.btn-link-success:after, button.btn-link-success:after { top: -4px; left: -4px; - width: -webkit-calc(100% + 8px); - width: calc(100% + 8px); - height: -webkit-calc(100% + 8px); - height: calc(100% + 8px); + width: calc(100% + 8px); + height: calc(100% + 8px); } a.btn-link-success.active, div.btn-link-success.active, @@ -3034,8 +2783,7 @@ button.btn-link-success:active:hover, color: #7ce490; background-color: transparent; border-color: #7ce490; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-link-success.disabled, div.btn-link-success.disabled, @@ -3050,8 +2798,7 @@ fieldset[disabled] button.btn-link-success { color: #545667; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-success.disabled:hover, @@ -3103,8 +2850,7 @@ fieldset[disabled] button.btn-link-success:active:focus { cursor: not-allowed; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-success.disabled:after, @@ -3167,10 +2913,8 @@ div.btn-link-warning:after, button.btn-link-warning:after { top: -4px; left: -4px; - width: -webkit-calc(100% + 8px); - width: calc(100% + 8px); - height: -webkit-calc(100% + 8px); - height: calc(100% + 8px); + width: calc(100% + 8px); + height: calc(100% + 8px); } a.btn-link-warning.active, div.btn-link-warning.active, @@ -3190,8 +2934,7 @@ button.btn-link-warning:active:hover, color: #9394ff; background-color: transparent; border-color: #9394ff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-link-warning.disabled, div.btn-link-warning.disabled, @@ -3206,8 +2949,7 @@ fieldset[disabled] button.btn-link-warning { color: #545667; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-warning.disabled:hover, @@ -3259,8 +3001,7 @@ fieldset[disabled] button.btn-link-warning:active:focus { cursor: not-allowed; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-warning.disabled:after, @@ -3323,10 +3064,8 @@ div.btn-link-danger:after, button.btn-link-danger:after { top: -4px; left: -4px; - width: -webkit-calc(100% + 8px); - width: calc(100% + 8px); - height: -webkit-calc(100% + 8px); - height: calc(100% + 8px); + width: calc(100% + 8px); + height: calc(100% + 8px); } a.btn-link-danger.active, div.btn-link-danger.active, @@ -3346,8 +3085,7 @@ button.btn-link-danger:active:hover, color: #ff8564; background-color: transparent; border-color: #ff8564; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-link-danger.disabled, div.btn-link-danger.disabled, @@ -3362,8 +3100,7 @@ fieldset[disabled] button.btn-link-danger { color: #545667; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-danger.disabled:hover, @@ -3415,8 +3152,7 @@ fieldset[disabled] button.btn-link-danger:active:focus { cursor: not-allowed; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-danger.disabled:after, @@ -3479,10 +3215,8 @@ div.btn-link-alert:after, button.btn-link-alert:after { top: -4px; left: -4px; - width: -webkit-calc(100% + 8px); - width: calc(100% + 8px); - height: -webkit-calc(100% + 8px); - height: calc(100% + 8px); + width: calc(100% + 8px); + height: calc(100% + 8px); } a.btn-link-alert.active, div.btn-link-alert.active, @@ -3502,8 +3236,7 @@ button.btn-link-alert:active:hover, color: #ffd255; background-color: transparent; border-color: #ffd255; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } a.btn-link-alert.disabled, div.btn-link-alert.disabled, @@ -3518,8 +3251,7 @@ fieldset[disabled] button.btn-link-alert { color: #545667; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-alert.disabled:hover, @@ -3571,8 +3303,7 @@ fieldset[disabled] button.btn-link-alert:active:focus { cursor: not-allowed; background-color: transparent; border-color: #383846; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 1; } a.btn-link-alert.disabled:after, @@ -3594,8 +3325,7 @@ fieldset[disabled] button.btn-link-alert:after { margin-right: 0; } .btn-group.open .dropdown-toggle { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .panel { background-color: #292933; @@ -3633,24 +3363,21 @@ fieldset[disabled] button.btn-link-alert:after { padding: 14px 30px; color: #757888; background: #202028; + background: -moz-linear-gradient(top, #202028 0%, #292933 100%); background: -webkit-linear-gradient(top, #202028 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#202028), to(#292933)); - background: -o-linear-gradient(top, #202028 0%, #292933 100%); background: linear-gradient(to bottom, #202028 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); border: none; border-radius: 0 0 4px 4px; } .panel-title { + width: 100%; margin: 0; font-size: 17px; font-weight: 500; color: inherit; letter-spacing: .015em; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .panel-title, .panel-title:hover { @@ -3667,9 +3394,7 @@ fieldset[disabled] button.btn-link-alert:after { margin-right: 5px; vertical-align: middle; border: none; - -webkit-transition: -webkit-transform .25s ease; - -o-transition: -o-transform .25s ease; - transition: transform .25s ease; + transition: transform .25s ease; } .panel-title .caret:after { position: absolute; @@ -3678,19 +3403,13 @@ fieldset[disabled] button.btn-link-alert:after { font-family: 'icomoon' !important; font-size: 16px; content: "\e911"; - -webkit-transform: translate(-50%, -50%) rotate(90deg); - -ms-transform: translate(-50%, -50%) rotate(90deg); - -o-transform: translate(-50%, -50%) rotate(90deg); - transform: translate(-50%, -50%) rotate(90deg); + transform: translate(-50%, -50%) rotate(90deg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel-title .collapsed .caret { - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - transform: rotate(-90deg); + transform: rotate(-90deg); } .u-flex .panel-title { width: auto !important; @@ -3812,9 +3531,8 @@ fieldset[disabled] button.btn-link-alert:after { .panel-spring .panel-heading { color: #383846; background: #00c9ff; + background: -moz-linear-gradient(left, #00c9ff 0%, #7ce490 100%); background: -webkit-linear-gradient(left, #00c9ff 0%, #7ce490 100%); - background: -webkit-gradient(linear, left top, right top, from(#00c9ff), to(#7ce490)); - background: -o-linear-gradient(left, #00c9ff 0%, #7ce490 100%); background: linear-gradient(to right, #00c9ff 0%, #7ce490 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -3833,18 +3551,16 @@ fieldset[disabled] button.btn-link-alert:after { .panel-spring .panel-heading + .panel-body:after { left: 0; background: #00c9ff; + background: -moz-linear-gradient(top, #00c9ff 0%, #292933 100%); background: -webkit-linear-gradient(top, #00c9ff 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#00c9ff), to(#292933)); - background: -o-linear-gradient(top, #00c9ff 0%, #292933 100%); background: linear-gradient(to bottom, #00c9ff 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } .panel-spring .panel-heading + .panel-body:before { right: 0; background: #7ce490; + background: -moz-linear-gradient(top, #7ce490 0%, #292933 100%); background: -webkit-linear-gradient(top, #7ce490 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#7ce490), to(#292933)); - background: -o-linear-gradient(top, #7ce490 0%, #292933 100%); background: linear-gradient(to bottom, #7ce490 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } @@ -3854,9 +3570,8 @@ fieldset[disabled] button.btn-link-alert:after { .panel-summer .panel-heading { color: #383846; background: #22adf6; + background: -moz-linear-gradient(left, #22adf6 0%, #6bdfff 100%); background: -webkit-linear-gradient(left, #22adf6 0%, #6bdfff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#6bdfff)); - background: -o-linear-gradient(left, #22adf6 0%, #6bdfff 100%); background: linear-gradient(to right, #22adf6 0%, #6bdfff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -3875,18 +3590,16 @@ fieldset[disabled] button.btn-link-alert:after { .panel-summer .panel-heading + .panel-body:after { left: 0; background: #22adf6; + background: -moz-linear-gradient(top, #22adf6 0%, #292933 100%); background: -webkit-linear-gradient(top, #22adf6 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#22adf6), to(#292933)); - background: -o-linear-gradient(top, #22adf6 0%, #292933 100%); background: linear-gradient(to bottom, #22adf6 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } .panel-summer .panel-heading + .panel-body:before { right: 0; background: #6bdfff; + background: -moz-linear-gradient(top, #6bdfff 0%, #292933 100%); background: -webkit-linear-gradient(top, #6bdfff 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#6bdfff), to(#292933)); - background: -o-linear-gradient(top, #6bdfff 0%, #292933 100%); background: linear-gradient(to bottom, #6bdfff 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } @@ -3896,9 +3609,8 @@ fieldset[disabled] button.btn-link-alert:after { .panel-fall .panel-heading { color: #383846; background: #ff8564; + background: -moz-linear-gradient(left, #ff8564 0%, #b1b6ff 100%); background: -webkit-linear-gradient(left, #ff8564 0%, #b1b6ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#ff8564), to(#b1b6ff)); - background: -o-linear-gradient(left, #ff8564 0%, #b1b6ff 100%); background: linear-gradient(to right, #ff8564 0%, #b1b6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -3917,18 +3629,16 @@ fieldset[disabled] button.btn-link-alert:after { .panel-fall .panel-heading + .panel-body:after { left: 0; background: #ff8564; + background: -moz-linear-gradient(top, #ff8564 0%, #292933 100%); background: -webkit-linear-gradient(top, #ff8564 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#ff8564), to(#292933)); - background: -o-linear-gradient(top, #ff8564 0%, #292933 100%); background: linear-gradient(to bottom, #ff8564 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } .panel-fall .panel-heading + .panel-body:before { right: 0; background: #b1b6ff; + background: -moz-linear-gradient(top, #b1b6ff 0%, #292933 100%); background: -webkit-linear-gradient(top, #b1b6ff 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#b1b6ff), to(#292933)); - background: -o-linear-gradient(top, #b1b6ff 0%, #292933 100%); background: linear-gradient(to bottom, #b1b6ff 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } @@ -3938,9 +3648,8 @@ fieldset[disabled] button.btn-link-alert:after { .panel-winter .panel-heading { color: #383846; background: #22adf6; + background: -moz-linear-gradient(left, #22adf6 0%, #b1b6ff 100%); background: -webkit-linear-gradient(left, #22adf6 0%, #b1b6ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#b1b6ff)); - background: -o-linear-gradient(left, #22adf6 0%, #b1b6ff 100%); background: linear-gradient(to right, #22adf6 0%, #b1b6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -3959,18 +3668,16 @@ fieldset[disabled] button.btn-link-alert:after { .panel-winter .panel-heading + .panel-body:after { left: 0; background: #22adf6; + background: -moz-linear-gradient(top, #22adf6 0%, #292933 100%); background: -webkit-linear-gradient(top, #22adf6 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#22adf6), to(#292933)); - background: -o-linear-gradient(top, #22adf6 0%, #292933 100%); background: linear-gradient(to bottom, #22adf6 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } .panel-winter .panel-heading + .panel-body:before { right: 0; background: #b1b6ff; + background: -moz-linear-gradient(top, #b1b6ff 0%, #292933 100%); background: -webkit-linear-gradient(top, #b1b6ff 0%, #292933 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#b1b6ff), to(#292933)); - background: -o-linear-gradient(top, #b1b6ff 0%, #292933 100%); background: linear-gradient(to bottom, #b1b6ff 0%, #292933 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); } @@ -3980,8 +3687,7 @@ fieldset[disabled] button.btn-link-alert:after { .panel-minimal { margin: 0; background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .panel-minimal .panel-heading { padding-right: 0; @@ -4002,132 +3708,6 @@ fieldset[disabled] button.btn-link-alert:after { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.panel-collapse .panel-heading { - padding-top: 12px; - padding-bottom: 12px; -} -.panel-collapse .panel-body { - border-top: 2px solid #fafafc; -} -.panel-collapse .panel-body > *:last-child { - margin-bottom: 0 !important; -} -.panel-collapse.panel-collapse-grey .panel-title a { - color: #676978 !important; -} -.panel-collapse.panel-collapse-grey .panel-title a:hover { - color: #8e91a1 !important; -} -.panel-collapse.panel-collapse-mint { - border-color: #c6ffd0; -} -.panel-collapse.panel-collapse-mint .panel-heading { - background-color: #f2fff4; -} -.panel-collapse.panel-collapse-mint .panel-body { - background-color: #f2fff4; - border-color: #c6ffd0; -} -.panel-collapse.panel-collapse-mint .panel-title a { - color: #676978 !important; -} -.panel-collapse.panel-collapse-mint .panel-title a:hover { - color: #8e91a1 !important; -} -.panel-collapse.panel-collapse-mint code, -.panel-collapse.panel-collapse-mint pre { - font-weight: 600; - color: #c6ffd0; - background-color: #32b08c; - border-color: #32b08c; -} -.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar { - width: 14px; - height: 14px; -} -.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-button { - background-color: #32b08c; -} -.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-track { - background-color: #32b08c; -} -.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-track-piece { - background: #32b08c; -} -.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-thumb { - background-color: #c6ffd0; - border: 4px solid #32b08c; - border-radius: 7px; -} -.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-corner { - background-color: #32b08c; -} -.panel-collapse.panel-collapse-mint pre::-webkit-scrollbar-resizer { - background-color: #c6ffd0; -} -.panel-collapse.panel-collapse-frost { - border-color: #bef0ff; -} -.panel-collapse.panel-collapse-frost .panel-heading { - background-color: #f0fcff; -} -.panel-collapse.panel-collapse-frost .panel-body { - background-color: #f0fcff; - border-color: #bef0ff; -} -.panel-collapse.panel-collapse-frost .panel-title a { - color: #676978 !important; -} -.panel-collapse.panel-collapse-frost .panel-title a:hover { - color: #8e91a1 !important; -} -.panel-collapse.panel-collapse-frost code, -.panel-collapse.panel-collapse-frost pre { - font-weight: 600; - color: #fff; - background-color: #4591ed; - border-color: #4591ed; -} -.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar { - width: 14px; - height: 14px; -} -.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-button { - background-color: #4591ed; -} -.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-track { - background-color: #4591ed; -} -.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-track-piece { - background: #4591ed; -} -.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-thumb { - background-color: #fff; - border: 4px solid #4591ed; - border-radius: 7px; -} -.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-corner { - background-color: #4591ed; -} -.panel-collapse.panel-collapse-frost pre::-webkit-scrollbar-resizer { - background-color: #fff; -} -.panel-collapse.panel-collapse-sm .panel-heading { - padding: 6px 11px; -} -.panel-collapse.panel-collapse-sm .panel-title { - margin: 2px 0 3px 0; -} -.panel-collapse.panel-collapse-sm .panel-title a { - font-size: 14px; - font-weight: 600; -} -.panel-collapse.panel-collapse-sm .panel-title a span.caret { - margin-right: 4px; -} -.panel-collapse.panel-collapse-sm .panel-title a span.caret:after { - font-size: 13px; -} .panel > .table { border-top: 2px solid #eef0f2; } @@ -4147,8 +3727,15 @@ fieldset[disabled] button.btn-link-alert:after { } .label { display: inline-block; + padding: .2em .6em; font-size: .75em; + line-height: 1.2em; vertical-align: middle; + user-select: none; +} +.label, +.label:hover { + cursor: default; } .label.label-default { color: inherit; @@ -4163,7 +3750,7 @@ fieldset[disabled] button.btn-link-alert:after { background-color: #0f0e15; } .label.label-info { - color: #c6cad3; + color: #ffd255; background-color: #0f0e15; } .label.label-warning { @@ -4175,18 +3762,10 @@ fieldset[disabled] button.btn-link-alert:after { background-color: #0f0e15; } h1 .label, -h2 .label { - padding-top: .25em; - padding-bottom: .25em; -} -h1 .label, h2 .label, h3 .label, h4 .label { - -webkit-transform: translateY(-10%); - -ms-transform: translateY(-10%); - -o-transform: translateY(-10%); - transform: translateY(-10%); + transform: translateY(-10%); } h4 .label, h5 .label, @@ -4285,26 +3864,16 @@ p .label { } .dropdown-toggle { position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; text-align: left; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .dropdown-toggle .caret { position: absolute; - top: -webkit-calc(50% + 1px); - top: calc(50% + 1px); + top: calc(50% + 1px); right: 14px; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); } .dropdown-toggle > .icon { display: inline-block; @@ -4318,10 +3887,7 @@ p .label { text-overflow: ellipsis; white-space: nowrap; - -webkit-box-flex: 1; - -webkit-flex: 1 0 0; - -ms-flex: 1 0 0; - flex: 1 0 0; + flex: 1 0 0; } .dropdown-toggle.btn-xs .caret { right: 7px; @@ -4419,10 +3985,7 @@ p .label { font-weight: 500; line-height: 13px; color: rgba(255, 255, 255, .4); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .dropdown-empty, .dropdown-empty:hover { @@ -4438,37 +4001,23 @@ p .label { margin-top: 0; overflow: hidden; background: #4591ed; + background: -moz-linear-gradient(left, #4591ed 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #4591ed 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#4591ed), to(#22adf6)); - background: -o-linear-gradient(left, #4591ed 0%, #22adf6 100%); background: linear-gradient(to right, #4591ed 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); border: 0; - -webkit-box-shadow: 0 2px 5px .6px rgba(15, 14, 21, .2); - box-shadow: 0 2px 5px .6px rgba(15, 14, 21, .2); + box-shadow: 0 2px 5px .6px rgba(15, 14, 21, .2); } .dropdown-menu li.dropdown-item { position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; width: 100%; padding: 0; margin: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + align-items: center; + justify-content: space-between; } .dropdown-menu li.dropdown-item, .dropdown-menu li.dropdown-item:hover { @@ -4478,9 +4027,8 @@ p .label { .dropdown-menu li.dropdown-item.highlight, .dropdown-menu li.dropdown-item.highlight:hover { background: #00c9ff; + background: -moz-linear-gradient(left, #00c9ff 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #00c9ff 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#00c9ff), to(#22adf6)); - background: -o-linear-gradient(left, #00c9ff 0%, #22adf6 100%); background: linear-gradient(to right, #00c9ff 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4491,14 +4039,9 @@ p .label { line-height: 13px; color: #f0fcff; outline: none; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; - -webkit-box-flex: 1; - -webkit-flex: 1 0 0; - -ms-flex: 1 0 0; - flex: 1 0 0; + flex: 1 0 0; } .dropdown-menu li.dropdown-item > a, .dropdown-menu li.dropdown-item > a:hover, @@ -4517,18 +4060,16 @@ p .label { .dropdown-menu li.dropdown-item > a:focus:active:hover { color: #fff; background: #326bba; + background: -moz-linear-gradient(left, #326bba 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #326bba 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#326bba), to(#22adf6)); - background: -o-linear-gradient(left, #326bba 0%, #22adf6 100%); background: linear-gradient(to right, #326bba 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .dropdown-menu li.dropdown-item.active { color: #fff; background: #326bba; + background: -moz-linear-gradient(left, #326bba 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #326bba 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#326bba), to(#22adf6)); - background: -o-linear-gradient(left, #326bba 0%, #22adf6 100%); background: linear-gradient(to right, #326bba 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4537,24 +4078,12 @@ p .label { top: 50%; right: 4px; z-index: 2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; opacity: 0; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + align-items: center; + justify-content: flex-end; } .dropdown .dropdown-menu li.dropdown-item:hover .dropdown-actions { opacity: 1; @@ -4570,9 +4099,7 @@ p .label { background-color: transparent; border: 0; outline: none; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .dropdown .dropdown-menu .dropdown-action:hover { color: #fff; @@ -4585,10 +4112,7 @@ p .label { font-weight: 600; line-height: 13px; color: #326bba; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; background-color: #22adf6; } .dropdown .dropdown-menu li.dropdown-header, @@ -4612,9 +4136,8 @@ p .label { .dropdown .dropdown-menu.dropdown-menu--no-highlight li.dropdown-item.highlight, .dropdown .dropdown-menu.dropdown-menu--no-highlight li.dropdown-item.highlight:hover { background: #00c9ff; + background: -moz-linear-gradient(left, #00c9ff 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #00c9ff 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#00c9ff), to(#22adf6)); - background: -o-linear-gradient(left, #00c9ff 0%, #22adf6 100%); background: linear-gradient(to right, #00c9ff 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4626,10 +4149,7 @@ p .label { .multi-select--apply { padding: 7px 9px; margin: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .multi-select--item, .multi-select--apply, @@ -4655,38 +4175,22 @@ p .label { background-color: #fff; border-radius: 50%; opacity: 0; - -webkit-transition: -webkit-transform .25s ease, + transition: transform .25s ease, opacity .25s ease; - -o-transition: -o-transform .25s ease, - opacity .25s ease; - transition: transform .25s ease, - opacity .25s ease; - -webkit-transform: translate(-50%, -50%) scale(2, 2); - -ms-transform: translate(-50%, -50%) scale(2, 2); - -o-transform: translate(-50%, -50%) scale(2, 2); - transform: translate(-50%, -50%) scale(2, 2); + transform: translate(-50%, -50%) scale(2, 2); } .multi-select--item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; font-size: 13px; font-weight: 600; line-height: 13px; color: #bef0ff; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .multi-select--item > span { - width: -webkit-calc(100% - 21px); - width: calc(100% - 21px); + width: calc(100% - 21px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -4695,9 +4199,8 @@ p .label { color: #fff; cursor: pointer; background: #00c9ff; + background: -moz-linear-gradient(left, #00c9ff 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #00c9ff 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#00c9ff), to(#22adf6)); - background: -o-linear-gradient(left, #00c9ff 0%, #22adf6 100%); background: linear-gradient(to right, #00c9ff 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4706,10 +4209,7 @@ p .label { } .multi-select--item.checked .multi-select--checkbox:after { opacity: 1; - -webkit-transform: translate(-50%, -50%) scale(1, 1); - -ms-transform: translate(-50%, -50%) scale(1, 1); - -o-transform: translate(-50%, -50%) scale(1, 1); - transform: translate(-50%, -50%) scale(1, 1); + transform: translate(-50%, -50%) scale(1, 1); } .multi-select--apply .btn { width: 100%; @@ -4719,9 +4219,8 @@ p .label { */ .dropdown .dropdown-menu.dropdown-malachite { background: #4ed8a0; + background: -moz-linear-gradient(left, #4ed8a0 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #4ed8a0 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#4ed8a0), to(#22adf6)); - background: -o-linear-gradient(left, #4ed8a0 0%, #22adf6 100%); background: linear-gradient(to right, #4ed8a0 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4729,9 +4228,8 @@ p .label { .dropdown .dropdown-menu.dropdown-malachite li.dropdown-item.highlight, .dropdown .dropdown-menu.dropdown-malachite li.dropdown-item.highlight:hover { background: #7ce490; + background: -moz-linear-gradient(left, #7ce490 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #7ce490 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#7ce490), to(#22adf6)); - background: -o-linear-gradient(left, #7ce490 0%, #22adf6 100%); background: linear-gradient(to right, #7ce490 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4749,9 +4247,8 @@ p .label { .dropdown .dropdown-menu.dropdown-malachite li.dropdown-item > a:focus:active:hover { color: #fff; background: #32b08c; + background: -moz-linear-gradient(left, #32b08c 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #32b08c 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#32b08c), to(#22adf6)); - background: -o-linear-gradient(left, #32b08c 0%, #22adf6 100%); background: linear-gradient(to right, #32b08c 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4763,35 +4260,31 @@ p .label { } .dropdown .dropdown-menu.dropdown-malachite li.dropdown-item.active { background: #32b08c; + background: -moz-linear-gradient(left, #32b08c 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #32b08c 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#32b08c), to(#22adf6)); - background: -o-linear-gradient(left, #32b08c 0%, #22adf6 100%); background: linear-gradient(to right, #32b08c 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .dropdown .dropdown-menu.dropdown-malachite li.dropdown-divider { background: #32b08c; + background: -moz-linear-gradient(left, #32b08c 0%, #4591ed 100%); background: -webkit-linear-gradient(left, #32b08c 0%, #4591ed 100%); - background: -webkit-gradient(linear, left top, right top, from(#32b08c), to(#4591ed)); - background: -o-linear-gradient(left, #32b08c 0%, #4591ed 100%); background: linear-gradient(to right, #32b08c 0%, #4591ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .dropdown .dropdown-menu.dropdown-malachite li.dropdown-header { color: #c6ffd0; background: #32b08c; + background: -moz-linear-gradient(left, #32b08c 0%, #4591ed 100%); background: -webkit-linear-gradient(left, #32b08c 0%, #4591ed 100%); - background: -webkit-gradient(linear, left top, right top, from(#32b08c), to(#4591ed)); - background: -o-linear-gradient(left, #32b08c 0%, #4591ed 100%); background: linear-gradient(to right, #32b08c 0%, #4591ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .dropdown .dropdown-menu.dropdown-malachite.dropdown-menu--no-highlight li.dropdown-item.highlight, .dropdown .dropdown-menu.dropdown-malachite.dropdown-menu--no-highlight li.dropdown-item.highlight:hover { background: #7ce490; + background: -moz-linear-gradient(left, #7ce490 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #7ce490 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#7ce490), to(#22adf6)); - background: -o-linear-gradient(left, #7ce490 0%, #22adf6 100%); background: linear-gradient(to right, #7ce490 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4800,9 +4293,8 @@ p .label { */ .dropdown .dropdown-menu.dropdown-astronaut { background: #7a65f2; + background: -moz-linear-gradient(left, #7a65f2 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #7a65f2 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#7a65f2), to(#22adf6)); - background: -o-linear-gradient(left, #7a65f2 0%, #22adf6 100%); background: linear-gradient(to right, #7a65f2 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4810,9 +4302,8 @@ p .label { .dropdown .dropdown-menu.dropdown-astronaut li.dropdown-item.highlight, .dropdown .dropdown-menu.dropdown-astronaut li.dropdown-item.highlight:hover { background: #9394ff; + background: -moz-linear-gradient(left, #9394ff 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #9394ff 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#9394ff), to(#22adf6)); - background: -o-linear-gradient(left, #9394ff 0%, #22adf6 100%); background: linear-gradient(to right, #9394ff 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4830,17 +4321,15 @@ p .label { .dropdown .dropdown-menu.dropdown-astronaut li.dropdown-item > a:focus:active:hover { color: #fff; background: #513cc6; + background: -moz-linear-gradient(left, #513cc6 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #513cc6 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#513cc6), to(#22adf6)); - background: -o-linear-gradient(left, #513cc6 0%, #22adf6 100%); background: linear-gradient(to right, #513cc6 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .dropdown .dropdown-menu.dropdown-astronaut li.dropdown-item.active { background: #513cc6; + background: -moz-linear-gradient(left, #513cc6 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #513cc6 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#513cc6), to(#22adf6)); - background: -o-linear-gradient(left, #513cc6 0%, #22adf6 100%); background: linear-gradient(to right, #513cc6 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4852,27 +4341,24 @@ p .label { } .dropdown .dropdown-menu.dropdown-astronaut li.dropdown-divider { background: #513cc6; + background: -moz-linear-gradient(left, #513cc6 0%, #4591ed 100%); background: -webkit-linear-gradient(left, #513cc6 0%, #4591ed 100%); - background: -webkit-gradient(linear, left top, right top, from(#513cc6), to(#4591ed)); - background: -o-linear-gradient(left, #513cc6 0%, #4591ed 100%); background: linear-gradient(to right, #513cc6 0%, #4591ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .dropdown .dropdown-menu.dropdown-astronaut li.dropdown-header { color: #b1b6ff; background: #513cc6; + background: -moz-linear-gradient(left, #513cc6 0%, #4591ed 100%); background: -webkit-linear-gradient(left, #513cc6 0%, #4591ed 100%); - background: -webkit-gradient(linear, left top, right top, from(#513cc6), to(#4591ed)); - background: -o-linear-gradient(left, #513cc6 0%, #4591ed 100%); background: linear-gradient(to right, #513cc6 0%, #4591ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .dropdown .dropdown-menu.dropdown-astronaut.dropdown-menu--no-highlight li.dropdown-item.highlight, .dropdown .dropdown-menu.dropdown-astronaut.dropdown-menu--no-highlight li.dropdown-item.highlight:hover { background: #9394ff; + background: -moz-linear-gradient(left, #9394ff 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #9394ff 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#9394ff), to(#22adf6)); - background: -o-linear-gradient(left, #9394ff 0%, #22adf6 100%); background: linear-gradient(to right, #9394ff 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4880,10 +4366,7 @@ p .label { position: relative; padding: 16px; font-weight: 500; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; border-style: solid; border-width: 0; border-radius: 4px; @@ -4901,13 +4384,8 @@ p .label { font-size: 14.5px; outline: none; opacity: .25; - -webkit-transition: opacity .25s ease; - -o-transition: opacity .25s ease; - transition: opacity .25s ease; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); + transition: opacity .25s ease; + transform: translateY(-50%); } .alert button.close:hover { opacity: 1; @@ -4922,18 +4400,14 @@ p .label { width: 25px; margin: 0; font-size: 21px; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); } .alert-success { font-size: 16px; color: #fff; background: #4ed8a0; + background: -moz-linear-gradient(left, #4ed8a0 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #4ed8a0 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#4ed8a0), to(#22adf6)); - background: -o-linear-gradient(left, #4ed8a0 0%, #22adf6 100%); background: linear-gradient(to right, #4ed8a0 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4942,9 +4416,7 @@ p .label { font-weight: 700; color: #c6ffd0; text-decoration: underline; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .alert-success a:hover { color: #fff; @@ -4957,9 +4429,8 @@ p .label { font-size: 16px; color: #fff; background: #22adf6; + background: -moz-linear-gradient(left, #22adf6 0%, #4591ed 100%); background: -webkit-linear-gradient(left, #22adf6 0%, #4591ed 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#4591ed)); - background: -o-linear-gradient(left, #22adf6 0%, #4591ed 100%); background: linear-gradient(to right, #22adf6 0%, #4591ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4968,9 +4439,7 @@ p .label { font-weight: 700; color: #bef0ff; text-decoration: underline; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .alert-primary a:hover { color: #fff; @@ -4983,9 +4452,8 @@ p .label { font-size: 16px; color: #fff; background: #7a65f2; + background: -moz-linear-gradient(left, #7a65f2 0%, #22adf6 100%); background: -webkit-linear-gradient(left, #7a65f2 0%, #22adf6 100%); - background: -webkit-gradient(linear, left top, right top, from(#7a65f2), to(#22adf6)); - background: -o-linear-gradient(left, #7a65f2 0%, #22adf6 100%); background: linear-gradient(to right, #7a65f2 0%, #22adf6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -4994,9 +4462,7 @@ p .label { font-weight: 700; color: #bef0ff; text-decoration: underline; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .alert-warning a:hover { color: #fff; @@ -5009,9 +4475,8 @@ p .label { font-size: 16px; color: #fff; background: #f95f53; + background: -moz-linear-gradient(left, #f95f53 0%, #7a65f2 100%); background: -webkit-linear-gradient(left, #f95f53 0%, #7a65f2 100%); - background: -webkit-gradient(linear, left top, right top, from(#f95f53), to(#7a65f2)); - background: -o-linear-gradient(left, #f95f53 0%, #7a65f2 100%); background: linear-gradient(to right, #f95f53 0%, #7a65f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -5020,9 +4485,7 @@ p .label { font-weight: 700; color: #ffdccf; text-decoration: underline; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .alert-danger a:hover { color: #fff; @@ -5035,9 +4498,8 @@ p .label { font-size: 16px; color: #676978; background: #fff; + background: -moz-linear-gradient(left, #fff 0%, #e7e8eb 100%); background: -webkit-linear-gradient(left, #fff 0%, #e7e8eb 100%); - background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e7e8eb)); - background: -o-linear-gradient(left, #fff 0%, #e7e8eb 100%); background: linear-gradient(to right, #fff 0%, #e7e8eb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -5046,9 +4508,7 @@ p .label { font-weight: 700; color: #22adf6; text-decoration: underline; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .alert-info a:hover { color: #00c9ff; @@ -5061,9 +4521,8 @@ p .label { font-size: 16px; color: #c9d0ff; background: #326bba; + background: -moz-linear-gradient(left, #326bba 0%, #1f2039 100%); background: -webkit-linear-gradient(left, #326bba 0%, #1f2039 100%); - background: -webkit-gradient(linear, left top, right top, from(#326bba), to(#1f2039)); - background: -o-linear-gradient(left, #326bba 0%, #1f2039 100%); background: linear-gradient(to right, #326bba 0%, #1f2039 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } @@ -5072,9 +4531,7 @@ p .label { font-weight: 700; color: #22adf6; text-decoration: underline; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .alert-dark a:hover { color: #00c9ff; @@ -5083,199 +4540,6 @@ p .label { .alert-dark span.icon { color: #c9d0ff; } -.progress, -.progress-bar { - height: 16px; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.progress { - background-color: #202028; - border-radius: 8px; -} -.progress.progress-lg { - height: 32px; - border-radius: 16px; -} -.progress.progress-lg .progress-bar { - height: 32px; -} -.progress.progress-lg .progress-bar span { - font-size: 20px; - font-weight: 400; - line-height: 32px; -} -.progress.progress-sm { - height: 10px; - border-radius: 5px; -} -.progress.progress-sm .progress-bar { - height: 10px; -} -.progress.progress-xs { - height: 2px; - border-radius: 1px; -} -.progress.progress-xs .progress-bar { - height: 2px; -} -.progress.progress-sm .progress-bar span, -.progress.progress-xs .progress-bar span { - display: none !important; -} -.progress-bar { - position: relative; - background-color: #545667; -} -.progress-bar span { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - font-size: 12px; - font-weight: 600; - line-height: 16px; - color: #fff; - text-align: center; -} -.progress-bar-primary { - background: #22adf6; - background: -webkit-linear-gradient(left, #22adf6 0%, #00c9ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#00c9ff)); - background: -o-linear-gradient(left, #22adf6 0%, #00c9ff 100%); - background: linear-gradient(to right, #22adf6 0%, #00c9ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-primary span { - color: #fff; -} -.progress-bar-success { - background: #4ed8a0; - background: -webkit-linear-gradient(left, #4ed8a0 0%, #7ce490 100%); - background: -webkit-gradient(linear, left top, right top, from(#4ed8a0), to(#7ce490)); - background: -o-linear-gradient(left, #4ed8a0 0%, #7ce490 100%); - background: linear-gradient(to right, #4ed8a0 0%, #7ce490 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-success span { - color: #fff; -} -.progress-bar-info { - background: #434453; - background: -webkit-linear-gradient(left, #434453 0%, #676978 100%); - background: -webkit-gradient(linear, left top, right top, from(#434453), to(#676978)); - background: -o-linear-gradient(left, #434453 0%, #676978 100%); - background: linear-gradient(to right, #434453 0%, #676978 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-info span { - color: #fff; -} -.progress-bar-warning { - background: #7a65f2; - background: -webkit-linear-gradient(left, #7a65f2 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#7a65f2), to(#9394ff)); - background: -o-linear-gradient(left, #7a65f2 0%, #9394ff 100%); - background: linear-gradient(to right, #7a65f2 0%, #9394ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-warning span { - color: #fff; -} -.progress-bar-danger { - background: #f95f53; - background: -webkit-linear-gradient(left, #f95f53 0%, #ff8564 100%); - background: -webkit-gradient(linear, left top, right top, from(#f95f53), to(#ff8564)); - background: -o-linear-gradient(left, #f95f53 0%, #ff8564 100%); - background: linear-gradient(to right, #f95f53 0%, #ff8564 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-danger span { - color: #fff; -} -.progress-bar-spring { - background: #00c9ff; - background: -webkit-linear-gradient(left, #00c9ff 0%, #4ed8a0 100%); - background: -webkit-gradient(linear, left top, right top, from(#00c9ff), to(#4ed8a0)); - background: -o-linear-gradient(left, #00c9ff 0%, #4ed8a0 100%); - background: linear-gradient(to right, #00c9ff 0%, #4ed8a0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-spring span { - color: #fff; -} -.progress-bar-summer { - background: #22adf6; - background: -webkit-linear-gradient(left, #22adf6 0%, #6bdfff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#6bdfff)); - background: -o-linear-gradient(left, #22adf6 0%, #6bdfff 100%); - background: linear-gradient(to right, #22adf6 0%, #6bdfff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-summer span { - color: #fff; -} -.progress-bar-fall { - background: #ff8564; - background: -webkit-linear-gradient(left, #ff8564 0%, #b1b6ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#ff8564), to(#b1b6ff)); - background: -o-linear-gradient(left, #ff8564 0%, #b1b6ff 100%); - background: linear-gradient(to right, #ff8564 0%, #b1b6ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-fall span { - color: #fff; -} -.progress-bar-winter { - background: #22adf6; - background: -webkit-linear-gradient(left, #22adf6 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#9394ff)); - background: -o-linear-gradient(left, #22adf6 0%, #9394ff 100%); - background: linear-gradient(to right, #22adf6 0%, #9394ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.progress-bar-winter span { - color: #fff; -} -.progress-heatmap { - position: relative; - background: -webkit-linear-gradient(left, #22adf6 0%, #7a65f2 57%, #f95f53 93%, #ff8564 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), color-stop(57%, #7a65f2), color-stop(93%, #f95f53), to(#ff8564)); - background: -o-linear-gradient(left, #22adf6 0%, #7a65f2 57%, #f95f53 93%, #ff8564 100%); - background: linear-gradient(to right, #22adf6 0%, #7a65f2 57%, #f95f53 93%, #ff8564 100%); - background-color: #22adf6; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@c-pool', endColorstr='@c-dreamsicle', GradientType=1); -} -.progress-heatmap .progress-bar { - position: relative; - float: right; - background: transparent; - background-color: #202028; -} -.well { - padding: 30px; - background-color: #292933; - border-width: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.well.well-light { - background-color: #31313d; -} -.well.well-white { - background-color: #383846; -} -.well.well-outline { - background-color: transparent; - border: 2px solid #292933; -} -.well > *:first-child { - margin-top: 0; -} -.well > *:last-child { - margin-bottom: 0; -} .page-header { margin: 50px 0 30px 0; border-bottom-width: 2px; @@ -5304,10 +4568,7 @@ p .label { font-size: 13px; font-weight: 500; color: #eeeff2; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .table th, .table th:hover { @@ -5609,9 +4870,7 @@ p .label { padding-left: 18px; } .navbar-logo { - -webkit-transition: opacity .25s ease; - -o-transition: opacity .25s ease; - transition: opacity .25s ease; + transition: opacity .25s ease; } .navbar-logo:hover, .navbar-logo:focus, @@ -5624,18 +4883,15 @@ p .label { } .navbar-default .navbar-nav { background: #22adf6; + background: -moz-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: -webkit-linear-gradient(left, #22adf6 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#9394ff)); - background: -o-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: linear-gradient(to right, #22adf6 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .navbar-default .navbar-nav > li > a { color: #757888; background-color: #fff; - -webkit-transition: color .2s ease, background-color .2s ease; - -o-transition: color .2s ease, background-color .2s ease; - transition: color .2s ease, background-color .2s ease; + transition: color .2s ease, background-color .2s ease; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, @@ -5677,18 +4933,15 @@ p .label { } .navbar-inverse .navbar-nav { background: #22adf6; + background: -moz-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: -webkit-linear-gradient(left, #22adf6 0%, #9394ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#9394ff)); - background: -o-linear-gradient(left, #22adf6 0%, #9394ff 100%); background: linear-gradient(to right, #22adf6 0%, #9394ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); } .navbar-inverse .navbar-nav > li > a { color: #fff; background-color: #383846; - -webkit-transition: color .2s ease, background-color .2s ease; - -o-transition: color .2s ease, background-color .2s ease; - transition: color .2s ease, background-color .2s ease; + transition: color .2s ease, background-color .2s ease; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, @@ -5740,17 +4993,13 @@ p .label { color: #fff; background-image: -webkit-linear-gradient(top, #22adf6 0%, #0aa4f5 100%); background-image: -o-linear-gradient(top, #22adf6 0%, #0aa4f5 100%); - background-image: -webkit-gradient(linear, left top, left bottom, from(#22adf6), to(#0aa4f5)); background-image: linear-gradient(to bottom, #22adf6 0%, #0aa4f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff22adf6', endColorstr='#ff0aa4f5', GradientType=0); background-repeat: repeat-x; } } .nav-tablist { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; width: auto; height: 38px; padding: 0; @@ -5759,34 +5008,20 @@ p .label { border: 2px solid #383846; border-radius: 4px; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; } .nav-tablist > li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; padding: 0 14px; margin: 0; font-size: 15px; font-weight: 600; color: #999dab; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; background-color: #202028; - -webkit-transition: background-color .25s ease, color .25s ease; - -o-transition: background-color .25s ease, color .25s ease; - transition: background-color .25s ease, color .25s ease; + transition: background-color .25s ease, color .25s ease; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .nav-tablist > li, .nav-tablist > li:hover { @@ -5857,409 +5092,6 @@ p .label { color: #545667; background-color: #292933; } -.microtabs-dismiss { - position: relative; - top: -1px; - right: -3px; - display: inline-block; - width: 16px; - height: 16px; - margin-left: -2px; - vertical-align: middle; - background-color: transparent; - border: 0; - outline: none; - /* Using pseudo elements to render an X */ - /* Hover State */ -} -.microtabs-dismiss:after, -.microtabs-dismiss:before { - position: absolute; - top: 50%; - left: 50%; - width: 2px; - height: 11px; - content: ''; - background-color: #d4d7dd; - border-radius: 1px; - -webkit-transition: background-color .25s ease; - -o-transition: background-color .25s ease; - transition: background-color .25s ease; -} -.microtabs-dismiss:after { - -webkit-transform: translate(-50%, -50%) rotate(45deg); - -ms-transform: translate(-50%, -50%) rotate(45deg); - -o-transform: translate(-50%, -50%) rotate(45deg); - transform: translate(-50%, -50%) rotate(45deg); -} -.microtabs-dismiss:before { - -webkit-transform: translate(-50%, -50%) rotate(-45deg); - -ms-transform: translate(-50%, -50%) rotate(-45deg); - -o-transform: translate(-50%, -50%) rotate(-45deg); - transform: translate(-50%, -50%) rotate(-45deg); -} -.microtabs-dismiss:hover { - cursor: pointer; -} -.microtabs-dismiss:hover:after, -.microtabs-dismiss:hover:before { - background-color: #ff8564; -} -.nav-microtabs { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 9px 9px 0 9px; - margin: 0; - background-color: #eeeff2; - - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - /* Contextual Alternatives */ - /* Common Seasonal Styles */ -} -.nav-microtabs > li { - padding: 0 !important; - margin: 0 !important; -} -.nav-microtabs > li > a { - position: relative; - height: 30px; - padding: 0 9px; - margin: 0 2px 0 0; - font-size: 13px; - font-weight: 500; - line-height: 30px; - color: #999dab; - background-color: #eeeff2; - border: 0; - border-radius: 3px 3px 0 0; - -webkit-transition: background-color .25s ease, color .25s ease; - -o-transition: background-color .25s ease, color .25s ease; - transition: background-color .25s ease, color .25s ease; -} -.nav-microtabs > li > a:hover { - color: #676978; - cursor: pointer; - background-color: #fafafc; -} -.nav-microtabs > li:last-of-type > a { - margin-right: 0; -} -.nav-microtabs > li.active > a { - color: #757888; - background-color: #fff; -} -.nav-microtabs > li.disabled > a { - font-style: italic; - color: #c6cad3; -} -.nav-microtabs > li.disabled > a:hover, -.nav-microtabs > li.disabled > a:focus { - color: #c6cad3; - text-decoration: none; - cursor: not-allowed; - background-color: #eeeff2; -} -.nav-microtabs-dark { - background-color: #434453; -} -.nav-microtabs-dark .microtabs-dismiss { - background-color: transparent; - /* Using pseudo elements to render an X */ - /* Hover State */ -} -.nav-microtabs-dark .microtabs-dismiss:after, -.nav-microtabs-dark .microtabs-dismiss:before { - width: 2px; - background-color: #8e91a1; -} -.nav-microtabs-dark .microtabs-dismiss:hover:after, -.nav-microtabs-dark .microtabs-dismiss:hover:before { - background-color: #ffb6a0; -} -.nav-microtabs-dark > li > a { - color: #bec2cc; - background-color: #545667; -} -.nav-microtabs-dark > li > a:hover { - color: #f6f6f8; - background-color: #676978; -} -.nav-microtabs-dark > li.active > a { - color: #f6f6f8; - background-color: #676978; -} -.nav-microtabs-dark > li.disabled > a { - color: #999dab; - background-color: #545667; -} -.nav-microtabs-dark > li.disabled > a:hover, -.nav-microtabs-dark > li.disabled > a:focus { - color: #999dab; - background-color: #545667; -} -.nav-microtabs-darker { - background-color: #383846; -} -.nav-microtabs-darker .microtabs-dismiss { - background-color: transparent; - /* Using pseudo elements to render an X */ - /* Hover State */ -} -.nav-microtabs-darker .microtabs-dismiss:after, -.nav-microtabs-darker .microtabs-dismiss:before { - width: 2px; - background-color: #8e91a1; -} -.nav-microtabs-darker .microtabs-dismiss:hover:after, -.nav-microtabs-darker .microtabs-dismiss:hover:before { - background-color: #ffb6a0; -} -.nav-microtabs-darker > li > a { - color: #bec2cc; - background-color: #383846; -} -.nav-microtabs-darker > li > a:hover { - color: #f6f6f8; - background-color: #434453; -} -.nav-microtabs-darker > li.active > a { - color: #f6f6f8; - background-color: #434453; -} -.nav-microtabs-darker > li.disabled > a { - color: #8e91a1; - background-color: #383846; -} -.nav-microtabs-darker > li.disabled > a:hover, -.nav-microtabs-darker > li.disabled > a:focus { - color: #8e91a1; - background-color: #383846; -} -.nav-microtabs-white { - position: relative; - background-color: #fff; - /* Using pseudo element for border since it can be z-indexed beneath the tabs */ -} -.panel-heading + .nav-microtabs-white { - /* Reduced top padding looks better when next to a matching panel heading */ - padding-top: 2px; -} -.nav-microtabs-white:before { - position: absolute; - bottom: 0; - left: 0; - z-index: 1; - width: 100%; - height: 2px; - content: ''; - background-color: #f6f6f8; -} -.nav-microtabs-white > li { - position: relative; - z-index: 2; -} -.nav-microtabs-white > li > a { - /* Removing 4px for borders, keeps text vertically centered */ - line-height: 26px; - background-color: #f6f6f8; - border-color: #f6f6f8; - border-style: solid; - border-width: 2px; - -webkit-transition: background-color .25s ease, border-color .25s ease, color .25s ease; - -o-transition: background-color .25s ease, border-color .25s ease, color .25s ease; - transition: background-color .25s ease, border-color .25s ease, color .25s ease; -} -.nav-microtabs-white > li > a:hover { - background-color: #fff; - border-color: #f6f6f8; -} -.nav-microtabs-white > li.active > a { - color: #676978; - background-color: #fff; - border-color: #f6f6f8 #f6f6f8 #fff #f6f6f8; -} -.nav-microtabs-white > li.disabled > a { - color: #c6cad3; - border-color: #fff #fff #f6f6f8 #fff; -} -.nav-microtabs-white > li.disabled > a:hover, -.nav-microtabs-white > li.disabled > a:focus { - color: #c6cad3; - background-color: #fff; - border-color: #fff #fff #f6f6f8 #fff; -} -.nav-microtabs-spring, -.nav-microtabs-summer, -.nav-microtabs-fall, -.nav-microtabs-winter { - /* Styles for dismiss buttons inside seasonal alternatives */ -} -.panel-heading + .nav-microtabs-spring, -.panel-heading + .nav-microtabs-summer, -.panel-heading + .nav-microtabs-fall, -.panel-heading + .nav-microtabs-winter { - /* Reduced top padding looks better when next to a matching panel heading */ - padding-top: 2px; -} -.nav-microtabs-spring .microtabs-dismiss, -.nav-microtabs-summer .microtabs-dismiss, -.nav-microtabs-fall .microtabs-dismiss, -.nav-microtabs-winter .microtabs-dismiss { - right: -5px; - margin-left: -4px; - /* Using pseudo elements to render an X */ - /* Hover State */ -} -.nav-microtabs-spring .microtabs-dismiss:after, -.nav-microtabs-summer .microtabs-dismiss:after, -.nav-microtabs-fall .microtabs-dismiss:after, -.nav-microtabs-winter .microtabs-dismiss:after, -.nav-microtabs-spring .microtabs-dismiss:before, -.nav-microtabs-summer .microtabs-dismiss:before, -.nav-microtabs-fall .microtabs-dismiss:before, -.nav-microtabs-winter .microtabs-dismiss:before { - width: 2px; - height: 8px; - background-color: #676978; - border-radius: 0; - -webkit-transition: height .25s ease; - -o-transition: height .25s ease; - transition: height .25s ease; -} -.nav-microtabs-spring .microtabs-dismiss:after, -.nav-microtabs-summer .microtabs-dismiss:after, -.nav-microtabs-fall .microtabs-dismiss:after, -.nav-microtabs-winter .microtabs-dismiss:after { - -webkit-transform: translate(-50%, -50%) rotate(45deg); - -ms-transform: translate(-50%, -50%) rotate(45deg); - -o-transform: translate(-50%, -50%) rotate(45deg); - transform: translate(-50%, -50%) rotate(45deg); -} -.nav-microtabs-spring .microtabs-dismiss:before, -.nav-microtabs-summer .microtabs-dismiss:before, -.nav-microtabs-fall .microtabs-dismiss:before, -.nav-microtabs-winter .microtabs-dismiss:before { - -webkit-transform: translate(-50%, -50%) rotate(-45deg); - -ms-transform: translate(-50%, -50%) rotate(-45deg); - -o-transform: translate(-50%, -50%) rotate(-45deg); - transform: translate(-50%, -50%) rotate(-45deg); -} -.nav-microtabs-spring .microtabs-dismiss:hover, -.nav-microtabs-summer .microtabs-dismiss:hover, -.nav-microtabs-fall .microtabs-dismiss:hover, -.nav-microtabs-winter .microtabs-dismiss:hover { - cursor: pointer; -} -.nav-microtabs-spring .microtabs-dismiss:hover:after, -.nav-microtabs-summer .microtabs-dismiss:hover:after, -.nav-microtabs-fall .microtabs-dismiss:hover:after, -.nav-microtabs-winter .microtabs-dismiss:hover:after, -.nav-microtabs-spring .microtabs-dismiss:hover:before, -.nav-microtabs-summer .microtabs-dismiss:hover:before, -.nav-microtabs-fall .microtabs-dismiss:hover:before, -.nav-microtabs-winter .microtabs-dismiss:hover:before { - height: 12px; -} -.nav-microtabs-spring > li > a, -.nav-microtabs-summer > li > a, -.nav-microtabs-fall > li > a, -.nav-microtabs-winter > li > a { - color: #676978; - background-color: rgba(255, 255, 255, .4); -} -.nav-microtabs-spring > li > a:hover, -.nav-microtabs-summer > li > a:hover, -.nav-microtabs-fall > li > a:hover, -.nav-microtabs-winter > li > a:hover { - color: #676978; - background-color: rgba(255, 255, 255, .67); -} -.nav-microtabs-spring > li.active > a, -.nav-microtabs-summer > li.active > a, -.nav-microtabs-fall > li.active > a, -.nav-microtabs-winter > li.active > a { - color: #676978; - background-color: #fff; -} -.nav-microtabs-spring > li.active > a .microtabs-dismiss, -.nav-microtabs-summer > li.active > a .microtabs-dismiss, -.nav-microtabs-fall > li.active > a .microtabs-dismiss, -.nav-microtabs-winter > li.active > a .microtabs-dismiss { - background-color: transparent; -} -.nav-microtabs-spring > li.active > a .microtabs-dismiss:after, -.nav-microtabs-summer > li.active > a .microtabs-dismiss:after, -.nav-microtabs-fall > li.active > a .microtabs-dismiss:after, -.nav-microtabs-winter > li.active > a .microtabs-dismiss:after, -.nav-microtabs-spring > li.active > a .microtabs-dismiss:before, -.nav-microtabs-summer > li.active > a .microtabs-dismiss:before, -.nav-microtabs-fall > li.active > a .microtabs-dismiss:before, -.nav-microtabs-winter > li.active > a .microtabs-dismiss:before { - background-color: #bec2cc; -} -.nav-microtabs-spring > li.disabled > a, -.nav-microtabs-summer > li.disabled > a, -.nav-microtabs-fall > li.disabled > a, -.nav-microtabs-winter > li.disabled > a { - color: rgba(255, 255, 255, .68); - background-color: rgba(255, 255, 255, .19); -} -.nav-microtabs-spring > li.disabled > a:hover, -.nav-microtabs-summer > li.disabled > a:hover, -.nav-microtabs-fall > li.disabled > a:hover, -.nav-microtabs-winter > li.disabled > a:hover, -.nav-microtabs-spring > li.disabled > a:focus, -.nav-microtabs-summer > li.disabled > a:focus, -.nav-microtabs-fall > li.disabled > a:focus, -.nav-microtabs-winter > li.disabled > a:focus { - color: rgba(255, 255, 255, .68); - background-color: rgba(255, 255, 255, .19); -} -.nav-microtabs-spring { - background: #00c9ff; - background: -webkit-linear-gradient(left, #00c9ff 0%, #7ce490 100%); - background: -webkit-gradient(linear, left top, right top, from(#00c9ff), to(#7ce490)); - background: -o-linear-gradient(left, #00c9ff 0%, #7ce490 100%); - background: linear-gradient(to right, #00c9ff 0%, #7ce490 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.nav-microtabs-summer { - background: #22adf6; - background: -webkit-linear-gradient(left, #22adf6 0%, #6bdfff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#6bdfff)); - background: -o-linear-gradient(left, #22adf6 0%, #6bdfff 100%); - background: linear-gradient(to right, #22adf6 0%, #6bdfff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.nav-microtabs-fall { - background: #ff8564; - background: -webkit-linear-gradient(left, #ff8564 0%, #b1b6ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#ff8564), to(#b1b6ff)); - background: -o-linear-gradient(left, #ff8564 0%, #b1b6ff 100%); - background: linear-gradient(to right, #ff8564 0%, #b1b6ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.nav-microtabs-winter { - background: #22adf6; - background: -webkit-linear-gradient(left, #22adf6 0%, #b1b6ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#b1b6ff)); - background: -o-linear-gradient(left, #22adf6 0%, #b1b6ff 100%); - background: linear-gradient(to right, #22adf6 0%, #b1b6ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -/* - Increase left & right padding on tab container to match panel paadding - when it is directly inside a panel -*/ -.panel > .nav-microtabs { - padding-right: 30px; - padding-left: 30px; -} code { padding: 2.5px 5px; margin: 0 1px 0 2px; @@ -6480,8 +5312,7 @@ pre[data-lang="js"]:before { } .panel form { display: inline-block; - width: -webkit-calc(100% + 18px); - width: calc(100% + 18px); + width: calc(100% + 18px); margin-right: -9px; margin-left: -9px; } @@ -6531,10 +5362,7 @@ input:-moz-placeholder { padding-left: 13px; font-weight: 600; color: #8e91a1; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; background-color: #31313d; border: 2px solid #383846; } @@ -6564,11 +5392,8 @@ input:-moz-placeholder { border: 2px solid #383846; border-radius: 4px; outline: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color .25s ease, background-color .25s ease, border-color .4s ease, -webkit-box-shadow .4s ease; - -o-transition: color .25s ease, background-color .25s ease, border-color .4s ease, box-shadow .4s ease; - transition: color .25s ease, background-color .25s ease, border-color .4s ease, box-shadow .4s ease; + box-shadow: none; + transition: color .25s ease, background-color .25s ease, border-color .4s ease, box-shadow .4s ease; } .form-control:hover { border-color: #434453; @@ -6577,8 +5402,7 @@ input:-moz-placeholder { color: #fff; background-color: #202028; border-color: #22adf6; - -webkit-box-shadow: 0 0 6px 0 #22adf6; - box-shadow: 0 0 6px 0 #22adf6; + box-shadow: 0 0 6px 0 #22adf6; } .form-control[disabled], .form-control[readonly], @@ -6589,10 +5413,7 @@ fieldset[disabled] .form-control, fieldset[disabled] .form-control:hover, .form-control.disabled:hover { color: #757888 !important; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; background-color: #292933 !important; border-color: #383846; } @@ -6617,11 +5438,8 @@ fieldset[disabled] .form-control:hover:hover, .has-error .form-control, .has-success .form-control, .has-warning .form-control { - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color .25s ease, background-color .25s ease, border-color .4s ease, -webkit-box-shadow .4s ease; - -o-transition: color .25s ease, background-color .25s ease, border-color .4s ease, box-shadow .4s ease; - transition: color .25s ease, background-color .25s ease, border-color .4s ease, box-shadow .4s ease; + box-shadow: none; + transition: color .25s ease, background-color .25s ease, border-color .4s ease, box-shadow .4s ease; } .has-error .form-control:focus, .has-success .form-control:focus, @@ -6633,11 +5451,7 @@ fieldset[disabled] .form-control:hover:hover, } .has-success .form-control:focus { border-color: #7ce490; - -webkit-box-shadow: 0 0 8px #4ed8a0; - box-shadow: 0 0 8px #4ed8a0; -} -.has-success .form-control::-moz-selection { - background-color: #4ed8a0; + box-shadow: 0 0 8px #4ed8a0; } .has-success .form-control::selection { background-color: #4ed8a0; @@ -6652,11 +5466,7 @@ fieldset[disabled] .form-control:hover:hover, .has-error .form-control:focus { background-color: #2f1f29; border-color: #ff8564; - -webkit-box-shadow: 0 0 8px #dc4e58; - box-shadow: 0 0 8px #dc4e58; -} -.has-error .form-control::-moz-selection { - background-color: #ff8564; + box-shadow: 0 0 8px #dc4e58; } .has-error .form-control::selection { background-color: #ff8564; @@ -6669,11 +5479,7 @@ fieldset[disabled] .form-control:hover:hover, } .has-warning .form-control:focus { border-color: #9394ff; - -webkit-box-shadow: 0 0 8px #7a65f2; - box-shadow: 0 0 8px #7a65f2; -} -.has-warning .form-control::-moz-selection { - background-color: #9394ff; + box-shadow: 0 0 8px #7a65f2; } .has-warning .form-control::selection { background-color: #9394ff; @@ -6711,40 +5517,26 @@ input.form-control.input-lg { font-size: 12px; font-weight: 600; color: #999dab; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .form-group > label, .form-group > label:hover { cursor: default; } .form-control-static { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; min-height: 38px; padding: 7px 9px; border: 2px solid #383846; border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + align-items: center; + flex-wrap: wrap; } .form-control-static label { margin: 0; font-size: 14px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } .form-control-static label, .form-control-static label:hover { @@ -6762,9 +5554,7 @@ input.form-control.input-lg { position: relative; padding-left: 24px; color: #999dab; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .form-control-static input[type="checkbox"] + label:before { position: absolute; @@ -6777,13 +5567,8 @@ input.form-control.input-lg { background-color: #202028; border: 2px solid #383846; border-radius: 3px; - -webkit-transition: border-color .25s ease; - -o-transition: border-color .25s ease; - transition: border-color .25s ease; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); + transition: border-color .25s ease; + transform: translateY(-50%); } .form-control-static input[type="checkbox"] + label:after { position: absolute; @@ -6796,13 +5581,8 @@ input.form-control.input-lg { background-color: #22adf6; border-radius: 50%; opacity: 0; - -webkit-transition: -webkit-transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; - -o-transition: -o-transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; - transition: transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; - -webkit-transform: translate(-50%, -50%) scale(2, 2); - -ms-transform: translate(-50%, -50%) scale(2, 2); - -o-transform: translate(-50%, -50%) scale(2, 2); - transform: translate(-50%, -50%) scale(2, 2); + transition: transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; + transform: translate(-50%, -50%) scale(2, 2); } .form-control-static input[type="checkbox"] + label:hover { color: #f6f6f8; @@ -6816,10 +5596,7 @@ input.form-control.input-lg { } .form-control-static input[type="checkbox"]:checked + label:after { opacity: 1; - -webkit-transform: translate(-50%, -50%) scale(1, 1); - -ms-transform: translate(-50%, -50%) scale(1, 1); - -o-transform: translate(-50%, -50%) scale(1, 1); - transform: translate(-50%, -50%) scale(1, 1); + transform: translate(-50%, -50%) scale(1, 1); } .form-control-static > .radio-item { width: 100%; @@ -6836,9 +5613,7 @@ input.form-control.input-lg { position: relative; padding-left: 24px; color: #999dab; - -webkit-transition: color .25s ease; - -o-transition: color .25s ease; - transition: color .25s ease; + transition: color .25s ease; } .form-control-static input[type="radio"] + label:before { position: absolute; @@ -6851,13 +5626,8 @@ input.form-control.input-lg { background-color: #202028; border: 2px solid #383846; border-radius: 50%; - -webkit-transition: border-color .25s ease; - -o-transition: border-color .25s ease; - transition: border-color .25s ease; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); + transition: border-color .25s ease; + transform: translateY(-50%); } .form-control-static input[type="radio"] + label:after { position: absolute; @@ -6870,13 +5640,8 @@ input.form-control.input-lg { background-color: #22adf6; border-radius: 50%; opacity: 0; - -webkit-transition: -webkit-transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; - -o-transition: -o-transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; - transition: transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; - -webkit-transform: translate(-50%, -50%) scale(2, 2); - -ms-transform: translate(-50%, -50%) scale(2, 2); - -o-transform: translate(-50%, -50%) scale(2, 2); - transform: translate(-50%, -50%) scale(2, 2); + transition: transform .25s cubic-bezier(.175, .885, .32, 1.275), opacity .25s ease; + transform: translate(-50%, -50%) scale(2, 2); } .form-control-static input[type="radio"] + label:hover { color: #f6f6f8; @@ -6890,10 +5655,7 @@ input.form-control.input-lg { } .form-control-static input[type="radio"]:checked + label:after { opacity: 1; - -webkit-transform: translate(-50%, -50%) scale(1, 1); - -ms-transform: translate(-50%, -50%) scale(1, 1); - -o-transform: translate(-50%, -50%) scale(1, 1); - transform: translate(-50%, -50%) scale(1, 1); + transform: translate(-50%, -50%) scale(1, 1); } input.form-control.form-plutonium, textarea.form-control.form-plutonium { @@ -6911,12 +5673,7 @@ input.form-control.form-malachite:focus, textarea.form-control.form-malachite:focus { color: #fff; border-color: #4ed8a0; - -webkit-box-shadow: 0 0 8px #4ed8a0; - box-shadow: 0 0 8px #4ed8a0; -} -input.form-control.form-malachite::-moz-selection, -textarea.form-control.form-malachite::-moz-selection { - background-color: #4ed8a0; + box-shadow: 0 0 8px #4ed8a0; } input.form-control.form-malachite::selection, textarea.form-control.form-malachite::selection { @@ -6934,12 +5691,7 @@ input.form-control.form-astronaut:focus, textarea.form-control.form-astronaut:focus { color: #fff; border-color: #7a65f2; - -webkit-box-shadow: 0 0 8px #7a65f2; - box-shadow: 0 0 8px #7a65f2; -} -input.form-control.form-astronaut::-moz-selection, -textarea.form-control.form-astronaut::-moz-selection { - background-color: #9394ff; + box-shadow: 0 0 8px #7a65f2; } input.form-control.form-astronaut::selection, textarea.form-control.form-astronaut::selection { @@ -6955,10 +5707,7 @@ textarea.form-control.form-astronaut::-moz-selection { label.form-helper { font-style: italic; line-height: 16px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; } label.form-helper, label.form-helper:hover { @@ -6981,9 +5730,7 @@ label.form-helper:hover { vertical-align: middle; background-color: #1c1c21; border-radius: 3px; - -webkit-transition: background-color .25s ease; - -o-transition: background-color .25s ease; - transition: background-color .25s ease; + transition: background-color .25s ease; } .dark-checkbox label:hover { cursor: pointer; @@ -7000,23 +5747,13 @@ label.form-helper:hover { background-color: #22adf6; border-radius: 50%; opacity: 0; - -webkit-transition: opacity .25s ease, - -webkit-transform .25s ease; - -o-transition: opacity .25s ease, - -o-transform .25s ease; - transition: opacity .25s ease, + transition: opacity .25s ease, transform .25s ease; - -webkit-transform: translate(-50%, -50%) scale(2, 2); - -ms-transform: translate(-50%, -50%) scale(2, 2); - -o-transform: translate(-50%, -50%) scale(2, 2); - transform: translate(-50%, -50%) scale(2, 2); + transform: translate(-50%, -50%) scale(2, 2); } .dark-checkbox input:checked + label:after { opacity: 1; - -webkit-transform: translate(-50%, -50%) scale(1, 1); - -ms-transform: translate(-50%, -50%) scale(1, 1); - -o-transform: translate(-50%, -50%) scale(1, 1); - transform: translate(-50%, -50%) scale(1, 1); + transform: translate(-50%, -50%) scale(1, 1); } .dark-radio input { position: absolute; @@ -7032,9 +5769,7 @@ label.form-helper:hover { vertical-align: middle; background-color: #1c1c21; border-radius: 50%; - -webkit-transition: background-color .25s ease; - -o-transition: background-color .25s ease; - transition: background-color .25s ease; + transition: background-color .25s ease; } .dark-radio label:hover { cursor: pointer; @@ -7051,297 +5786,13 @@ label.form-helper:hover { background-color: #22adf6; border-radius: 50%; opacity: 0; - -webkit-transition: opacity .25s ease, - -webkit-transform .25s ease; - -o-transition: opacity .25s ease, - -o-transform .25s ease; - transition: opacity .25s ease, + transition: opacity .25s ease, transform .25s ease; - -webkit-transform: translate(-50%, -50%) scale(2, 2); - -ms-transform: translate(-50%, -50%) scale(2, 2); - -o-transform: translate(-50%, -50%) scale(2, 2); - transform: translate(-50%, -50%) scale(2, 2); + transform: translate(-50%, -50%) scale(2, 2); } .dark-radio input:checked + label:after { opacity: 1; - -webkit-transform: translate(-50%, -50%) scale(1, 1); - -ms-transform: translate(-50%, -50%) scale(1, 1); - -o-transform: translate(-50%, -50%) scale(1, 1); - transform: translate(-50%, -50%) scale(1, 1); -} -.badge { - color: #fff; - background-color: #a4a8b6; -} -.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #22adf6; - background-color: #fff; -} -a.badge { - color: #22adf6; -} -a.badge:hover, -a.badge:focus { - color: #00c9ff; - text-decoration: none; - cursor: pointer; -} -.modal-backdrop { - background: #22adf6; - background: -webkit-linear-gradient(-45deg, #22adf6 0%, #9394ff 100%); - background: -webkit-linear-gradient(315deg, #22adf6 0%, #9394ff 100%); - background: -o-linear-gradient(315deg, #22adf6 0%, #9394ff 100%); - background: linear-gradient(135deg, #22adf6 0%, #9394ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -.modal-backdrop.in { - opacity: .72; -} -/* Backdrop Alternatives */ -body.modal-dark .modal-backdrop { - background: #31313d; - background: -webkit-linear-gradient(top, #31313d 0%, #434453 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#31313d), to(#434453)); - background: -o-linear-gradient(top, #31313d 0%, #434453 100%); - background: linear-gradient(to bottom, #31313d 0%, #434453 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); -} -body.modal-light .modal-backdrop { - background: #e7e8eb; - background: -webkit-linear-gradient(top, #e7e8eb 0%, #c6cad3 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#e7e8eb), to(#c6cad3)); - background: -o-linear-gradient(top, #e7e8eb 0%, #c6cad3 100%); - background: linear-gradient(to bottom, #e7e8eb 0%, #c6cad3 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); -} -body.modal-spring .modal-backdrop { - background: #22adf6; - background: -webkit-linear-gradient(left, #22adf6 0%, #4ed8a0 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#4ed8a0)); - background: -o-linear-gradient(left, #22adf6 0%, #4ed8a0 100%); - background: linear-gradient(to right, #22adf6 0%, #4ed8a0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -body.modal-summer .modal-backdrop { - background: #00c9ff; - background: -webkit-linear-gradient(left, #00c9ff 0%, #b1b6ff 100%); - background: -webkit-gradient(linear, left top, right top, from(#00c9ff), to(#b1b6ff)); - background: -o-linear-gradient(left, #00c9ff 0%, #b1b6ff 100%); - background: linear-gradient(to right, #00c9ff 0%, #b1b6ff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -body.modal-fall .modal-backdrop { - background: #9394ff; - background: -webkit-linear-gradient(left, #9394ff 0%, #ff8564 100%); - background: -webkit-gradient(linear, left top, right top, from(#9394ff), to(#ff8564)); - background: -o-linear-gradient(left, #9394ff 0%, #ff8564 100%); - background: linear-gradient(to right, #9394ff 0%, #ff8564 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -body.modal-winter .modal-backdrop { - background: #22adf6; - background: -webkit-linear-gradient(left, #22adf6 0%, #7a65f2 100%); - background: -webkit-gradient(linear, left top, right top, from(#22adf6), to(#7a65f2)); - background: -o-linear-gradient(left, #22adf6 0%, #7a65f2 100%); - background: linear-gradient(to right, #22adf6 0%, #7a65f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=1); -} -body.modal-midnight .modal-backdrop { - background: #1f2039; - background: -webkit-linear-gradient(top, #1f2039 0%, #326bba 100%); - background: -webkit-gradient(linear, left top, left bottom, from(#1f2039), to(#326bba)); - background: -o-linear-gradient(top, #1f2039 0%, #326bba 100%); - background: linear-gradient(to bottom, #1f2039 0%, #326bba 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); -} -.modal { - padding: 16px 14px 16px 16px !important; -} -.modal::-webkit-scrollbar { - width: 14px; - height: 14px; -} -.modal::-webkit-scrollbar-button { - background-color: #9394ff; -} -.modal::-webkit-scrollbar-track { - background-color: #9394ff; -} -.modal::-webkit-scrollbar-track-piece { - background: #9394ff; -} -.modal::-webkit-scrollbar-thumb { - background-color: #bef0ff; - border: 4px solid #9394ff; - border-radius: 7px; -} -.modal::-webkit-scrollbar-corner { - background-color: #9394ff; -} -.modal::-webkit-scrollbar-resizer { - background-color: #bef0ff; -} -.modal-content { - background-color: #fafafc; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.modal-content form { - display: inline-block; - width: 100%; -} -.modal-header, -.modal-footer, -.modal-body { - padding-right: 44px; - padding-left: 44px; - background-color: transparent; -} -.modal-header, -.modal-footer { - text-align: center; - border: none; -} -.modal-header { - position: relative; - padding: 0 44px; - text-align: center; - border: none; - border-radius: 4px 4px 0 0; -} -.modal-header .close { - position: absolute; - top: 58.5%; - right: 44px; - width: 30px; - height: 30px; - padding: 0; - font-size: 0; - color: transparent; - text-align: center; - text-shadow: none; - opacity: 1; - -webkit-transition: none; - -o-transition: none; - transition: none; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); -} -.modal-header .close:before, -.modal-header .close:after { - position: absolute; - top: 50%; - left: 50%; - display: block; - width: 2px; - height: 80%; - content: ''; - background-color: #d4d7dd; - border-radius: 1px; - -webkit-transition: background-color .25s ease, -webkit-box-shadow .25s ease; - -o-transition: background-color .25s ease, box-shadow .25s ease; - transition: background-color .25s ease, box-shadow .25s ease; -} -.modal-header .close:before { - -webkit-transform: translate(-50%, -50%) rotate(45deg); - -ms-transform: translate(-50%, -50%) rotate(45deg); - -o-transform: translate(-50%, -50%) rotate(45deg); - transform: translate(-50%, -50%) rotate(45deg); -} -.modal-header .close:after { - -webkit-transform: translate(-50%, -50%) rotate(-45deg); - -ms-transform: translate(-50%, -50%) rotate(-45deg); - -o-transform: translate(-50%, -50%) rotate(-45deg); - transform: translate(-50%, -50%) rotate(-45deg); -} -.modal-header .close:hover:before, -.modal-header .close:hover:after { - background-color: #999dab; -} -.modal-header .close:focus { - outline: none; -} -.modal-header .close:focus:before, -.modal-header .close:focus:after { - background-color: #22adf6; - -webkit-box-shadow: 0 0 3px 0 #6bdfff; - box-shadow: 0 0 3px 0 #6bdfff; -} -.modal-header .modal-title { - padding: 30px 0 20px 0; - margin: 0; - font-size: 22px; - font-weight: 400; - color: #676978; - border-bottom: 2px solid #f6f6f8; -} -.modal-footer { - padding-top: 20px; - padding-bottom: 30px; - border-radius: 0 0 4px 4px; -} -.modal-footer .btn + .btn { - margin: 3px 6px; -} -.modal-body { - padding-top: 30px; - padding-bottom: 0; - color: #676978; -} -.modal-body > *:last-child { - margin-bottom: 0; -} -.modal-body form { - padding: 17px; - background-color: #fff; - border-radius: 4px; - -webkit-box-shadow: 0 2px 5px 2px rgba(238, 239, 242, .5); - box-shadow: 0 2px 5px 2px rgba(238, 239, 242, .5); -} -.modal.fade .modal-dialog { - opacity: 0; - -webkit-transition: opacity .3s ease, - -webkit-transform .3s ease; - -o-transition: opacity .3s ease, - -o-transform .3s ease; - transition: opacity .3s ease, - transform .3s ease; - -webkit-transform: perspective(1000px) translateZ(-500px); - transform: perspective(1000px) translateZ(-500px); -} -.modal.fade.in .modal-dialog { - opacity: 1; - -webkit-transform: perspective(1000px) translateZ(0); - transform: perspective(1000px) translateZ(0); -} -body.modal-open .ix-app, -body.modal-open .ix-app-wrapper { - position: static; -} -body.modal-open .ix-app-wrapper { - width: 100%; - height: 100%; - padding: 120px 14px 0 0; - overflow: hidden; -} -@media (min-width: 768px) { - body.modal-open .ix-app, - body.modal-open .ix-app-wrapper { - position: static; - } - body.modal-open .ix-app-wrapper { - width: 100%; - height: 100%; - padding: 60px 14px 0 60px; - overflow: hidden; - } - .modal-sm { - width: 420px; - } + transform: translate(-50%, -50%) scale(1, 1); } table.table.icon-font-matrix { border: none; @@ -7366,50 +5817,21 @@ table.table.icon-font-matrix tr > td strong { opacity: .5; } .docs-color-grid { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - flex-direction: row; + display: flex; + flex-direction: row; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + align-items: flex-start; + justify-content: space-between; } .docs-color-column { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; padding: 0 2px; overflow: hidden; - flex-direction: column; + flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-grow: 1; + align-items: stretch; + justify-content: flex-start; } .docs-color-column:first-of-type { padding-left: 0; @@ -7431,24 +5853,15 @@ table.table.icon-font-matrix tr > td strong { } .docs-color-swatch { position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; padding: 36px 8px; margin: 0; font-size: 14px; color: #fff; text-align: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + align-items: center; + justify-content: center; } .docs-color-swatch:first-of-type { border-top-left-radius: 6px; @@ -7532,10 +5945,7 @@ section.docs-section:last-of-type { border-bottom: 0; } section.docs-section .page-header { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; border-bottom: 0; } section.docs-section .page-header, @@ -7544,31 +5954,19 @@ section.docs-section .page-header:hover { } .panel.docs-example { background-color: #eeeff2; - -webkit-box-shadow: inset 0 2px 5px 2px rgba(15, 14, 21, .03); - box-shadow: inset 0 2px 5px 2px rgba(15, 14, 21, .03); + box-shadow: inset 0 2px 5px 2px rgba(15, 14, 21, .03); } .panel.docs-example .example { padding: 64px 0; } .panel.docs-example .panel-body { position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; background-color: transparent; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; + align-items: center; + justify-content: center; + align-content: center; } .panel.docs-example .panel-body:after { position: absolute; @@ -7649,9 +6047,6 @@ form .col-lg-12 { padding-right: 6px; padding-left: 6px; } -body.modal-open nav.navbar { - padding-right: 15px; -} .caret { position: relative; width: 11px; @@ -7667,10 +6062,7 @@ body.modal-open nav.navbar { font-size: 11px; color: inherit; content: "\e902"; - -webkit-transform: translate(-50%, -55%); - -ms-transform: translate(-50%, -55%); - -o-transform: translate(-50%, -55%); - transform: translate(-50%, -55%); + transform: translate(-50%, -55%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/ui/src/style/unsorted.scss b/ui/src/style/unsorted.scss index cd1bd80d0c..d03c5aaa4c 100644 --- a/ui/src/style/unsorted.scss +++ b/ui/src/style/unsorted.scss @@ -158,6 +158,17 @@ br { @include gradient-v($g2-kevlar, $g0-obsidian); } +.source-table--connect { + width: 74px; +} +.source-table--connect-col { + width: 90px; +} +.source-table--kapacitor { + border-left: 2px solid $g5-pepper; + width: 278px; +} + /* Styles for the Status Dashboard -----------------------------------------------------------------------------
NameHostKapacitor + Source Name & Host + + Active Kapacitor{' '} + +
- - {s.name} - - {' '} - {s.default - ? Default - : null} + {s.id === source.id + ?
+ Connected +
+ : + Connect + }
{s.url} +
+ + {s.name} + {s.default ? ' (Default)' : null} + +
+ {s.url} +
+ handleDeleteSource(s)} + > + Delete Source + + {kapacitorDropdown( s.kapacitors, s, @@ -119,24 +157,6 @@ const InfluxTable = ({ handleDeleteKapacitor )} - {s.id === source.id - ? - Connected - - : - Connect - } - -