diff --git a/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json b/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json index cd432472af..d3d85f075c 100644 --- a/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json +++ b/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json @@ -1,8 +1,8 @@ { "metadata": { - "name": "WTD Symbols v2.2", - "lastOpened": 1439948744240, - "created": 1439948734037 + "name": "WTD Symbols v2.", + "lastOpened": 1441911912596, + "created": 1441911876817 }, "iconSets": [ { @@ -48,7 +48,7 @@ "tempChar": "" }, { - "order": 81, + "order": 83, "id": 78, "prevSize": 32, "code": 58886, @@ -268,7 +268,7 @@ "id": 49, "prevSize": 32, "code": 224, - "name": "icon-box-round-corners", + "name": "icon-box", "tempChar": "" }, { @@ -840,17 +840,19 @@ { "id": 78, "paths": [ - "M896 640c0 0-130 188-128 256 2 70.6 57.4 128 128 128s126-57.4 128-128c2-68-128-256-128-256z", - "M449 129l0.2-64.8c0-35.4-28.4-64-63.8-64.2 0 0-0.2 0-0.2 0-35.2 0-63.8 28.6-64 63.8l-0.6 190.8-294 292.6c-50 50-12.4 215.2 112.4 340s290 162.4 340 112.4l417-423.6-447-447zM384 640c-70.6 0-128-57.4-128-128 0-47.4 25.8-89 64.4-111l-0.4 110.8c0 35.4 28.4 64 63.8 64.2 0 0 0.2 0 0.2 0 35.2 0 63.8-28.6 64-63.8l0.4-110.8c38 22.2 63.6 63.4 63.6 110.6 0 70.6-57.4 128-128 128z" + "M544 224v224c0 88.4-71.6 160-160 160s-160-71.6-160-160v-97.2l-197.4 196.4c-50 50-12.4 215.2 112.4 340s290 162.4 340 112.4l417-423.6-352-352z", + "M896 1024c70.6 0 128-57.4 128-128 0-108.6-128-192-128-192s-128 83.4-128 192c0 70.6 57.4 128 128 128z", + "M384 512c-35.4 0-64-28.6-64-64v-384c0-35.4 28.6-64 64-64s64 28.6 64 64v384c0 35.4-28.6 64-64 64z" ], "attrs": [ { - "fill": "rgb(6,161,75)", - "opacity": 1 + "fill": "rgb(6, 161, 75)" }, { - "fill": "rgb(6,161,75)", - "opacity": 1 + "fill": "rgb(6, 161, 75)" + }, + { + "fill": "rgb(6, 161, 75)" } ], "isMulticolor": false, @@ -861,9 +863,6 @@ "colorPermutations": { "16161751": [ 1, - 1 - ], - "125525525516161751": [ 1, 1 ] @@ -1290,16 +1289,23 @@ { "id": 49, "paths": [ - "M1024 832c0 105.6-86.4 192-192 192h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640z" + "M0 0h1024v1024h-1024v-1024z" ], "attrs": [ - {} + { + "fill": "rgb(0, 0, 0)" + } ], "isMulticolor": false, "grid": 0, "tags": [ "icon-box-round-corners" - ] + ], + "colorPermutations": { + "16161751": [ + 0 + ] + } }, { "id": 48, diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot index aaab92d345..2a2e64b113 100755 Binary files a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot and b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot differ diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg index a6f2bae8ea..537244cfe9 100755 --- a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg +++ b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg @@ -55,7 +55,7 @@ - + @@ -82,9 +82,8 @@ - - - + + \ No newline at end of file diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf index f6cf40ef12..58e64c5367 100755 Binary files a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf and b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf differ diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff index aaf58a7f76..182bd9fd81 100755 Binary files a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff and b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff differ diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss index 1c2d9eddc0..00c869bc68 100644 --- a/platform/commonUI/general/res/sass/_constants.scss +++ b/platform/commonUI/general/res/sass/_constants.scss @@ -28,9 +28,6 @@ $bodyMargin: 10px; $interiorMargin: 5px; $interiorMarginLg: $interiorMargin * 2; $interiorMarginSm: 3px; -$basicCr: 2px; -$controlCr: 3px; -$smallCr: 2px; $badgeW: 35px; /************************** RATIOS */ diff --git a/platform/commonUI/general/res/sass/_fixed-position.scss b/platform/commonUI/general/res/sass/_fixed-position.scss index f9e8a82994..edc6332231 100644 --- a/platform/commonUI/general/res/sass/_fixed-position.scss +++ b/platform/commonUI/general/res/sass/_fixed-position.scss @@ -76,7 +76,7 @@ } .l-fixed-position-text { - @include txtShdwSubtle(); + //@include txtShdwSubtle(); border: 1px solid transparent; font-size: 0.8rem; $p: 1px; //$interiorMarginSm; diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss index 83984a206f..1d38e876ba 100644 --- a/platform/commonUI/general/res/sass/_mixins.scss +++ b/platform/commonUI/general/res/sass/_mixins.scss @@ -223,9 +223,9 @@ } @mixin txtShdw($sVal) { - @if $sVal != 'none' { + //@if $sVal != 'none' { @include text-shadow($sVal); - } + //} } @mixin txtShdwSubtle($sVal: 0.1) { diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss index 5d97d9b0e0..b9fa14eda4 100644 --- a/platform/commonUI/general/res/sass/controls/_buttons.scss +++ b/platform/commonUI/general/res/sass/controls/_buttons.scss @@ -59,94 +59,103 @@ $pad: $interiorMargin * $baseRatio; /*********************************** STYLE STYLES */ .s-btn { - @include box-sizing(border-box); - @include user-select(none); - cursor: pointer; - text-decoration: none; - height: $btnStdH; - line-height: $btnStdH; - padding: 0 $pad; - font-size: 0.7rem; + @include box-sizing(border-box); + @include user-select(none); + cursor: pointer; + text-decoration: none; + height: $btnStdH; + line-height: $btnStdH; + padding: 0 $pad; + font-size: 0.7rem; - .icon { - font-size: 0.8rem; - color: $colorKey; - } + .icon { + font-size: 0.8rem; + color: $colorKey; + } - .title-label { - vertical-align: top; - } + .title-label { + vertical-align: top; + } - &.sm { - padding: 0 $pad / $baseRatio; - } + &.sm { + padding: 0 $pad / $baseRatio; + } - &.vsm { - padding: 0 ($pad / $baseRatio) / 2; - } + &.vsm { + padding: 0 ($pad / $baseRatio) / 2; + } - &.major { - $bg: $colorBtnMajorBg; - $hc: lighten($bg, 10%); - @include btnSubtle($bg, $hc, $colorBtnMajorFg, $colorBtnMajorFg); - } + &.major { + $bg: $colorBtnMajorBg; + $hc: lighten($bg, 10%); + @include btnSubtle($bg, $hc, $colorBtnMajorFg, $colorBtnMajorFg); + } - &:not(.major) { - // bg, bgHov, fg, ic - @include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon); - } + &:not(.major) { + // bg, bgHov, fg, ic + @include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon); + } + &.pause-play { - &.paused { - @include btnSubtle($colorPausedBg, lighten($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg); - .icon:before { - content: "\0000EF"; - } - } + } - &.pause-play { - /* - &.paused { - .icon { - @include pulse(500ms); - } - } - */ - .icon:before { - content: "\0000F1"; - } - } + //&.paused { + // @include btnSubtle($colorPausedBg, lighten($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg); + // .icon { + // @include pulse(500ms); + // &:before { + // content: "\0000EF"; + // } + // } + //} - &.show-thumbs { - .icon:before { - content: "\000039"; - } - } + &.pause-play { + .icon:before { + content: "\0000F1"; + } + &.paused { + @include btnSubtle($colorPausedBg, pushBack($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg); + .icon { + @include pulse(1000ms); + :before { + content: "\0000EF"; + } + } + } + } + + &.show-thumbs { + .icon:before { + content: "\000039"; + } + } } .l-btn-set { - // Buttons that have a very tight conceptual grouping - no internal space between them. - // Structure: .btn-set > mct-representation class=first|last > .s-btn - //@include test(red); - font-size: 0; // Remove space between s-btn elements due to white space in markup + // Buttons that have a very tight conceptual grouping - no internal space between them. + // Structure: .btn-set > mct-representation class=first|last > .s-btn + //@include test(red); + font-size: 0; // Remove space between s-btn elements due to white space in markup - .s-btn { - @include border-radius(0); - margin-left: 1px; - } + .s-btn { + @include border-radius(0); + margin-left: 1px; + } - .first { - .s-btn { - @include border-left-radius($controlCr); - margin-left: 0; - } - } + .first { + .s-btn { + @include border-left-radius($controlCr); + margin-left: 0; + } + } - .last { - .s-btn { - @include border-right-radius($controlCr); - } - } + .last { + .s-btn { + @include border-right-radius($controlCr); + } + } } + /*********************************** LAYOUT STYLES */ /* diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss index 7590daa255..0933362797 100644 --- a/platform/commonUI/general/res/sass/controls/_controls.scss +++ b/platform/commonUI/general/res/sass/controls/_controls.scss @@ -138,7 +138,7 @@ } label.checkbox.custom { - $bg: lighten($colorBodyBg, $ltGamma); + $bg: pullForward($colorBodyBg, 10%); $d: $formRowCtrlsH; cursor: pointer; display: inline-block; @@ -154,8 +154,9 @@ label.checkbox.custom { min-width: $d; &:before { @include border-radius($basicCr * .75); - background: $bg; - border-bottom: 1px solid lighten($bg, 10%); + //background: $bg; + //border-bottom: 1px solid lighten($bg, 10%); + @include box-shadow(inset rgba(black, 0.4) 0 1px 2px); box-sizing: border-box; content: " "; font-family: 'symbolsfont'; @@ -344,7 +345,10 @@ label.checkbox.custom { @include desktop { ::-webkit-scrollbar { - @include sliderTrack(); + @include border-radius(2px); + @include box-sizing(border-box); + @include box-shadow(inset $scrollbarTrackShdw); + background-color: $scrollbarTrackColorBg; height: $scrollbarTrackSize; width: $scrollbarTrackSize; } diff --git a/platform/commonUI/general/res/sass/controls/_menus.scss b/platform/commonUI/general/res/sass/controls/_menus.scss index a2caac0813..32fc9af7ee 100644 --- a/platform/commonUI/general/res/sass/controls/_menus.scss +++ b/platform/commonUI/general/res/sass/controls/_menus.scss @@ -158,9 +158,8 @@ .super-menu { $w: 500px; $h: $w - 20; - $plw: 50%; //$w * 0.5; - $prw: 50%; //$w - $plw; - //$fg: #fff; //lighten($colorBodyFg, 40%); + $plw: 50%; + $prw: 50%; display: block; width: $w; height: $h; @@ -171,7 +170,7 @@ @include box-sizing(border-box); &.left { //@include test(); - border-right: 1px solid rgba(white, 0.2); + border-right: 1px solid pullForward($colorMenuBg, 10%); left: 0; padding-right: $interiorMargin; right: auto; diff --git a/platform/commonUI/general/res/sass/features/_imagery.scss b/platform/commonUI/general/res/sass/features/_imagery.scss index c86556fd04..fa74ed1caf 100644 --- a/platform/commonUI/general/res/sass/features/_imagery.scss +++ b/platform/commonUI/general/res/sass/features/_imagery.scss @@ -14,7 +14,7 @@ min-height: 100px; min-width: 150px; .l-image-main { - background-color: rgba(#fff, 0.1); + background-color: $colorPlotBg; bottom: $imageMainControlBarH + $interiorMargin; } .l-image-main-controlbar { @@ -66,7 +66,7 @@ } .l-date, .l-time { - color: #fff; + color: pullForward($colorBodyFg, 20%); } .l-mag { direction: ltr; @@ -77,7 +77,7 @@ } } .s-mag { - color: darken($colorBodyFg, 20%); + color: pushBack($colorBodyFg, 20%); } .l-btn.show-thumbs { display: none; diff --git a/platform/commonUI/general/res/sass/items/_item.scss b/platform/commonUI/general/res/sass/items/_item.scss index 321c6dfbf6..5f056d4de2 100644 --- a/platform/commonUI/general/res/sass/items/_item.scss +++ b/platform/commonUI/general/res/sass/items/_item.scss @@ -29,12 +29,10 @@ &.grid-item { //div { @include test() } $d: $ueBrowseGridItemLg; - //$iconD: 100px; $iconMargin: 40px; $iconD: ($d - ($iconMargin * 2)) * 0.85; $transTime: 200ms; - //@include btnSubtle($colorItemBg); - @include btnSubtle($colorItemBg, $colorItemFg, $colorItemIcon); + @include btnSubtle($colorItemBg, pullForward($colorItemBg, 20%), $colorItemFg, $colorItemIcon); box-sizing: border-box; cursor: pointer; float: left; @@ -51,7 +49,6 @@ } } .item-open { - //display: block; opacity: 1; } } @@ -80,7 +77,6 @@ } &.bottom-bar { top: auto; - //height: $ueBrowseGridItemBottomBarH; line-height: 110%; } } @@ -101,9 +97,7 @@ bottom: auto; height: $iconD; top: $iconMargin - 10; - //line-height: $lh; .l-icon-link { - // When the link icon is in the item-type icon holder color: $colorIconLink; height: auto; line-height: 100%; @@ -115,7 +109,6 @@ } } .item-open { - //@include test(); @include trans-prop-nice("opacity", $transTime); opacity: 0; color: $colorItemOpenIcon; diff --git a/platform/commonUI/general/res/sass/lists/_tabular.scss b/platform/commonUI/general/res/sass/lists/_tabular.scss index 0621cad46b..161e7511a8 100644 --- a/platform/commonUI/general/res/sass/lists/_tabular.scss +++ b/platform/commonUI/general/res/sass/lists/_tabular.scss @@ -29,30 +29,22 @@ table { @include box-sizing(border-box); border-spacing: 0; border-collapse: collapse; - color: #fff; display: table; font-size: 0.75rem; position: relative; - //height: 100%; MOVED width: 100%; thead, .thead, tbody tr, .tbody .tr { - //display: table; MOVED width: 100%; - //table-layout: fixed; MOVED } thead, .thead { - border-bottom: 1px solid $tabularColorHeaderBorder; + border-bottom: 1px solid $colorTabHeaderBorder; } tbody, .tbody { - //@include absPosDefault(0); MOVED - //top: $tabularHeaderH; MOVED - //display: block; MOVED - //overflow-y: scroll; MOVED display: table-row-group; tr, .tr { &:hover { - background: rgba(white, 0.1); + background: rgba($colorTabBodyFg, 0.1); } } } @@ -64,17 +56,17 @@ table { &.group-header { td, .td { $d: 5%; - background-color: darken($tabularColorHeaderBg, $d); - color: darken($tabularColorHeaderFg, $d); + background-color: pushBack($colorTabHeaderBg, $d); + color: pushBack($colorTabHeaderFg, $d); } } th, .th, td, .td { display: table-cell; } th, .th { - background-color: $tabularColorHeaderBg; - border-left: 1px solid $tabularColorHeaderBorder; - color: $tabularColorHeaderFg; + background-color: $colorTabHeaderBg; + border-left: 1px solid $colorTabHeaderBorder; + color: $colorTabHeaderFg; padding: $tabularTdPadLR $tabularTdPadLR; white-space: nowrap; vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default @@ -99,7 +91,7 @@ table { } } td, .td { - border-bottom: 1px solid $tabularColorBorder; + border-bottom: 1px solid $colorTabBorder; min-width: 20px; color: $colorTelemFresh; padding: $tabularTdPadTB $tabularTdPadLR; diff --git a/platform/commonUI/general/res/sass/overlay/_overlay.scss b/platform/commonUI/general/res/sass/overlay/_overlay.scss index 22175da777..54694d90eb 100644 --- a/platform/commonUI/general/res/sass/overlay/_overlay.scss +++ b/platform/commonUI/general/res/sass/overlay/_overlay.scss @@ -25,6 +25,7 @@ z-index: 100; } .clk-icon.close { + font-size: 0.8rem; position: absolute; top: $interiorMarginLg; right: $interiorMarginLg; bottom: auto; left: auto; z-index: 100; diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 5984982297..17017bd09c 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -195,8 +195,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ -/************************** COLORS AND SHADING */ -/********************************* MOBILE */ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -742,11 +740,11 @@ mct-container { /* line 1, ../../../../general/res/sass/_data-status.scss */ .s-stale { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(204, 204, 204, 0.5) !important; font-style: italic; } /* line 3, ../../../../general/res/sass/_data-status.scss */ .s-stale .td { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(204, 204, 204, 0.5) !important; font-style: italic; } /***************************************************************************** @@ -1445,8 +1443,11 @@ mct-container { /* line 278, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon { color: #33ccff; } } - /* line 99, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.paused, .paused.s-menu, .paused.select { + /* line 113, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { + content: "\0000F1"; } + /* line 116, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select { background-color: #c56f01; -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -1471,44 +1472,49 @@ mct-container { user-select: none; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } /* line 271, ../../../../general/res/sass/_mixins.scss */ - .s-btn.paused .icon, .paused.s-menu .icon, .paused.select .icon { + .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { color: #fff; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 276, ../../../../general/res/sass/_mixins.scss */ - .s-btn.paused:not(.disabled):hover, .paused.s-menu:not(.disabled):hover, .paused.select:not(.disabled):hover { + .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover { background: linear-gradient(#fe9815, #f88c01); } /* line 278, ../../../../general/res/sass/_mixins.scss */ - .s-btn.paused:not(.disabled):hover > .icon, .paused.s-menu:not(.disabled):hover > .icon, .paused.select:not(.disabled):hover > .icon { + .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon { color: white; } } - /* line 101, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.paused .icon:before, .paused.s-menu .icon:before, .paused.select .icon:before { - content: "\0000EF"; } - /* line 106, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.pause-play, .pause-play.s-menu, .pause-play.select { - /* - &.paused { - .icon { - @include pulse(500ms); - } - } - */ } - /* line 114, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { - content: "\0000F1"; } - /* line 120, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 118, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { + -moz-animation-name: pulse; + -webkit-animation-name: pulse; + animation-name: pulse; + -moz-animation-duration: 1000ms; + -webkit-animation-duration: 1000ms; + animation-duration: 1000ms; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + /* line 120, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before { + content: "\0000EF"; } + /* line 128, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before { content: "\000039"; } -/* line 126, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 134, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 132, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 140, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 138, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 146, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -1517,7 +1523,7 @@ mct-container { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 0; } - /* line 145, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 153, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; @@ -1772,8 +1778,9 @@ label.checkbox.custom { -moz-border-radius: 1.5px; -webkit-border-radius: 1.5px; border-radius: 1.5px; - background: #666666; - border-bottom: 1px solid gray; + -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-sizing: border-box; content: " "; font-family: 'symbolsfont'; @@ -1786,58 +1793,58 @@ label.checkbox.custom { top: 0; position: absolute; text-align: center; } - /* line 173, ../../../../general/res/sass/controls/_controls.scss */ + /* line 174, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom.no-text { overflow: hidden; margin-right: 0; padding-left: 0; height: 14px; width: 14px; } - /* line 179, ../../../../general/res/sass/controls/_controls.scss */ + /* line 180, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom.no-text em { overflow: hidden; } - /* line 183, ../../../../general/res/sass/controls/_controls.scss */ + /* line 184, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom input { display: none; } - /* line 185, ../../../../general/res/sass/controls/_controls.scss */ + /* line 186, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom input:checked ~ em:before { background: #0099cc; color: #ccf2ff; content: "2"; } -/* line 193, ../../../../general/res/sass/controls/_controls.scss */ +/* line 194, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled { margin-left: 5px; } - /* line 195, ../../../../general/res/sass/controls/_controls.scss */ + /* line 196, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled label { display: inline-block; margin-right: 3px; } - /* line 199, ../../../../general/res/sass/controls/_controls.scss */ + /* line 200, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled.inline { display: inline-block; } - /* line 202, ../../../../general/res/sass/controls/_controls.scss */ + /* line 203, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled:first-child { margin-left: 0; } -/* line 207, ../../../../general/res/sass/controls/_controls.scss */ +/* line 208, ../../../../general/res/sass/controls/_controls.scss */ .s-menu label.checkbox.custom, .select label.checkbox.custom { margin-left: 5px; } -/* line 212, ../../../../general/res/sass/controls/_controls.scss */ +/* line 213, ../../../../general/res/sass/controls/_controls.scss */ .item .checkbox.checked label { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } -/* line 218, ../../../../general/res/sass/controls/_controls.scss */ +/* line 219, ../../../../general/res/sass/controls/_controls.scss */ .context-available { color: #0099cc; } - /* line 221, ../../../../general/res/sass/controls/_controls.scss */ + /* line 222, ../../../../general/res/sass/controls/_controls.scss */ .context-available:hover { color: deepskyblue; } -/* line 226, ../../../../general/res/sass/controls/_controls.scss */ +/* line 227, ../../../../general/res/sass/controls/_controls.scss */ .view-switcher { -moz-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color; @@ -1853,26 +1860,26 @@ label.checkbox.custom { transition-timing-function: ease-in-out; } /******************************************************** OBJECT-HEADER */ -/* line 231, ../../../../general/res/sass/controls/_controls.scss */ +/* line 232, ../../../../general/res/sass/controls/_controls.scss */ .object-header { font-size: 1em; } - /* line 242, ../../../../general/res/sass/controls/_controls.scss */ + /* line 243, ../../../../general/res/sass/controls/_controls.scss */ .object-header > .type-icon { color: #cccccc; font-size: 120%; float: left; margin-right: 5px; } - /* line 249, ../../../../general/res/sass/controls/_controls.scss */ + /* line 250, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { justify-content: flex-start; -webkit-justify-content: flex-start; } - /* line 252, ../../../../general/res/sass/controls/_controls.scss */ + /* line 253, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper mct-representation { min-width: 0.7em; } - /* line 260, ../../../../general/res/sass/controls/_controls.scss */ + /* line 261, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 264, ../../../../general/res/sass/controls/_controls.scss */ + /* line 265, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { overflow: hidden; text-overflow: ellipsis; @@ -1880,13 +1887,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 273, ../../../../general/res/sass/controls/_controls.scss */ + /* line 274, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 280, ../../../../general/res/sass/controls/_controls.scss */ + /* line 281, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -1901,12 +1908,12 @@ label.checkbox.custom { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 0; } - /* line 285, ../../../../general/res/sass/controls/_controls.scss */ + /* line 286, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } /******************************************************** SLIDERS */ -/* line 298, ../../../../general/res/sass/controls/_controls.scss */ +/* line 299, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -1925,7 +1932,7 @@ label.checkbox.custom { right: 0; bottom: auto; left: 0; } -/* line 309, ../../../../general/res/sass/controls/_controls.scss */ +/* line 310, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { background-color: #333; -moz-border-radius: 3px; @@ -2007,12 +2014,12 @@ label.checkbox.custom { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; border-color: #0099cc; } - /* line 320, ../../../../general/res/sass/controls/_controls.scss */ + /* line 321, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:before { top: 1px; bottom: 3px; left: 5px; } -/* line 327, ../../../../general/res/sass/controls/_controls.scss */ +/* line 328, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { background: rgba(0, 153, 204, 0.6); cursor: ew-resize; @@ -2023,13 +2030,13 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 337, ../../../../general/res/sass/controls/_controls.scss */ + /* line 338, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background: rgba(0, 153, 204, 0.7); } /******************************************************** BROWSER ELEMENTS */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 346, ../../../../general/res/sass/controls/_controls.scss */ + /* line 347, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2044,7 +2051,7 @@ label.checkbox.custom { height: 10px; width: 10px; } - /* line 352, ../../../../general/res/sass/controls/_controls.scss */ + /* line 356, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2058,7 +2065,7 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 361, ../../../../general/res/sass/controls/_controls.scss */ + /* line 365, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2067,7 +2074,7 @@ label.checkbox.custom { background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px); background-image: linear-gradient(#5e5e5e, #525252 20px); } - /* line 366, ../../../../general/res/sass/controls/_controls.scss */ + /* line 370, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.4); } } /***************************************************************************** @@ -2267,7 +2274,7 @@ label.checkbox.custom { display: block; width: 500px; height: 480px; } - /* line 167, ../../../../general/res/sass/controls/_menus.scss */ + /* line 166, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .contents { overflow: hidden; position: absolute; @@ -2277,34 +2284,34 @@ label.checkbox.custom { left: 5px; width: auto; height: auto; } - /* line 170, ../../../../general/res/sass/controls/_menus.scss */ + /* line 169, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 172, ../../../../general/res/sass/controls/_menus.scss */ + /* line 171, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane.left { - border-right: 1px solid rgba(255, 255, 255, 0.2); + border-right: 1px solid #878787; left: 0; padding-right: 5px; right: auto; width: 50%; overflow-x: hidden; overflow-y: auto; } - /* line 182, ../../../../general/res/sass/controls/_menus.scss */ + /* line 181, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane.left ul li { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding-left: 30px; border-top: none; } - /* line 189, ../../../../general/res/sass/controls/_menus.scss */ + /* line 188, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane.right { left: auto; right: 0; padding: 25px; width: 50%; } - /* line 199, ../../../../general/res/sass/controls/_menus.scss */ + /* line 198, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .menu-item-description .desc-area.icon { color: white; position: relative; @@ -2314,40 +2321,40 @@ label.checkbox.custom { line-height: 150px; margin-bottom: 25px; text-align: center; } - /* line 210, ../../../../general/res/sass/controls/_menus.scss */ + /* line 209, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .menu-item-description .desc-area.title { color: white; font-size: 1.2em; margin-bottom: 0.5em; } - /* line 215, ../../../../general/res/sass/controls/_menus.scss */ + /* line 214, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .menu-item-description .desc-area.description { color: white; font-size: 0.8em; line-height: 1.5em; } - /* line 224, ../../../../general/res/sass/controls/_menus.scss */ + /* line 223, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .context-menu, .menu-element .checkbox-menu { font-size: 0.80rem; } -/* line 229, ../../../../general/res/sass/controls/_menus.scss */ +/* line 228, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder { pointer-events: none; position: absolute; height: 200px; width: 170px; z-index: 70; } - /* line 235, ../../../../general/res/sass/controls/_menus.scss */ + /* line 234, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder .context-menu-wrapper { position: absolute; height: 100%; width: 100%; } - /* line 242, ../../../../general/res/sass/controls/_menus.scss */ + /* line 241, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu { right: 0; } - /* line 245, ../../../../general/res/sass/controls/_menus.scss */ + /* line 244, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu { bottom: 0; } -/* line 250, ../../../../general/res/sass/controls/_menus.scss */ +/* line 249, ../../../../general/res/sass/controls/_menus.scss */ .btn-bar.right .menu, .menus-to-left .menu { left: auto; @@ -3765,7 +3772,7 @@ span.req { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #595959; + color: #737373; height: 17px; width: 17px; line-height: 17px; @@ -3793,7 +3800,7 @@ span.req { pointer-events: none; } /* line 119, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-input:hover + div.search-icon { - color: #737373; } + color: #8c8c8c; } /* line 123, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .clear-icon { right: 22px; @@ -3806,7 +3813,7 @@ span.req { opacity: 1; } /* line 137, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .clear-icon:hover { - color: #737373; } + color: #8c8c8c; } /* line 142, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .menu-icon { font-size: 0.8em; @@ -3815,7 +3822,7 @@ span.req { text-align: right; } /* line 148, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .menu-icon:hover { - color: #737373; } + color: #8c8c8c; } /* line 153, ../../../../general/res/sass/search/_search.scss */ .search .search-bar .search-menu-holder { float: right; @@ -3847,7 +3854,7 @@ span.req { margin-top: 3px; } /* line 193, ../../../../general/res/sass/search/_search.scss */ .search .active-filter-display .clear-filters-icon { - color: #595959; + color: #737373; opacity: 1; font-size: 0.8em; position: absolute; @@ -3935,13 +3942,14 @@ span.req { z-index: 100; } /* line 27, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .clk-icon.close { + font-size: 0.8rem; position: absolute; top: 10px; right: 10px; bottom: auto; left: auto; z-index: 100; } -/* line 32, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 33, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay > .holder { background-color: #4d4d4d; -moz-border-radius: 3px; @@ -3970,29 +3978,29 @@ span.req { bottom: 15%; left: 15%; z-index: 101; } - /* line 39, ../../../../general/res/sass/overlay/_overlay.scss */ + /* line 40, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay > .holder > .contents { top: 25px; right: 25px; bottom: 25px; left: 25px; } -/* line 44, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 45, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.2em; margin-bottom: 5px; } -/* line 50, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 51, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .top-bar { height: 60px; } -/* line 54, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 55, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .editor { top: 70px; bottom: 40px; left: 0; right: 0; } -/* line 60, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 61, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar { top: auto; right: 0; @@ -4001,14 +4009,14 @@ span.req { overflow: visible; height: 30px; text-align: right; } - /* line 66, ../../../../general/res/sass/overlay/_overlay.scss */ + /* line 67, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu, .overlay .bottom-bar .select { font-size: 95%; height: 30px; line-height: 30px; margin-left: 5px; padding: 0 15px; } - /* line 68, ../../../../general/res/sass/overlay/_overlay.scss */ + /* line 69, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) { background-color: gray; -moz-border-radius: 3px; @@ -4043,7 +4051,7 @@ span.req { /* line 278, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon { color: white; } } -/* line 84, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .contents.l-dialog { top: 5px; right: 5px; @@ -4649,7 +4657,6 @@ ul.tree { background-position: center; } /* line 78, ../../../../general/res/sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text { - text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; border: 1px solid transparent; font-size: 0.8rem; line-height: 100%; } @@ -4748,12 +4755,11 @@ table { box-sizing: border-box; border-spacing: 0; border-collapse: collapse; - color: #fff; display: table; font-size: 0.75rem; position: relative; width: 100%; } - /* line 38, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 36, ../../../../general/res/sass/lists/_tabular.scss */ .tabular thead, .tabular .thead, .tabular tbody tr, .tabular .tbody .tr, table thead, @@ -4761,34 +4767,34 @@ table { table tbody tr, table .tbody .tr { width: 100%; } - /* line 44, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 40, ../../../../general/res/sass/lists/_tabular.scss */ .tabular thead, .tabular .thead, table thead, table .thead { border-bottom: 1px solid #333; } - /* line 47, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 43, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tbody, .tabular .tbody, table tbody, table .tbody { display: table-row-group; } - /* line 54, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 46, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tbody tr:hover, .tabular tbody .tr:hover, .tabular .tbody tr:hover, .tabular .tbody .tr:hover, table tbody tr:hover, table tbody .tr:hover, table .tbody tr:hover, table .tbody .tr:hover { - background: rgba(255, 255, 255, 0.1); } - /* line 59, ../../../../general/res/sass/lists/_tabular.scss */ + background: rgba(128, 128, 128, 0.1); } + /* line 51, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr, .tabular .tr, table tr, table .tr { display: table-row; } - /* line 61, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 53, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr:first-child .td, .tabular .tr:first-child .td, table tr:first-child .td, table .tr:first-child .td { border-top: none; } - /* line 65, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 57, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr.group-header td, .tabular tr.group-header .td, .tabular .tr.group-header td, .tabular .tr.group-header .td, table tr.group-header td, table tr.group-header .td, @@ -4796,7 +4802,7 @@ table { table .tr.group-header .td { background-color: #404040; color: #a6a6a6; } - /* line 71, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 63, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th, .tabular tr .th, .tabular tr td, .tabular tr .td, .tabular .tr th, .tabular .tr .th, .tabular .tr td, .tabular .tr .td, table tr th, table tr .th, @@ -4807,7 +4813,7 @@ table { table .tr td, table .tr .td { display: table-cell; } - /* line 74, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 66, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th, .tabular tr .th, .tabular .tr th, .tabular .tr .th, table tr th, table tr .th, @@ -4819,14 +4825,14 @@ table { padding: 5px 5px; white-space: nowrap; vertical-align: middle; } - /* line 81, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 73, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th:first-child, .tabular tr .th:first-child, .tabular .tr th:first-child, .tabular .tr .th:first-child, table tr th:first-child, table tr .th:first-child, table .tr th:first-child, table .tr .th:first-child { border-left: none; } - /* line 85, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 77, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th.sort.sort:after, .tabular tr .th.sort.sort:after, .tabular .tr th.sort.sort:after, .tabular .tr .th.sort.sort:after, table tr th.sort.sort:after, table tr .th.sort.sort:after, @@ -4838,47 +4844,47 @@ table { content: "\ed"; display: inline-block; margin-left: 3px; } - /* line 93, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 85, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th.sort.sort.desc:after, .tabular tr .th.sort.sort.desc:after, .tabular .tr th.sort.sort.desc:after, .tabular .tr .th.sort.sort.desc:after, table tr th.sort.sort.desc:after, table tr .th.sort.sort.desc:after, table .tr th.sort.sort.desc:after, table .tr .th.sort.sort.desc:after { content: "\ec"; } - /* line 97, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 89, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th.sortable, .tabular tr .th.sortable, .tabular .tr th.sortable, .tabular .tr .th.sortable, table tr th.sortable, table tr .th.sortable, table .tr th.sortable, table .tr .th.sortable { cursor: pointer; } - /* line 101, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 93, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td, .tabular tr .td, .tabular .tr td, .tabular .tr .td, table tr td, table tr .td, table .tr td, table .tr .td { - border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: 1px solid #4d4d4d; min-width: 20px; - color: #fff; + color: #cccccc; padding: 3px 5px; word-wrap: break-word; vertical-align: top; } - /* line 108, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 100, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric, table tr td.numeric, table tr .td.numeric, table .tr td.numeric, table .tr .td.numeric { text-align: right; } - /* line 111, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 103, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td.s-cell-type-value, .tabular tr .td.s-cell-type-value, .tabular .tr td.s-cell-type-value, .tabular .tr .td.s-cell-type-value, table tr td.s-cell-type-value, table tr .td.s-cell-type-value, table .tr td.s-cell-type-value, table .tr .td.s-cell-type-value { text-align: right; } - /* line 113, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 105, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td.s-cell-type-value .l-cell-contents, .tabular tr .td.s-cell-type-value .l-cell-contents, .tabular .tr td.s-cell-type-value .l-cell-contents, .tabular .tr .td.s-cell-type-value .l-cell-contents, table tr td.s-cell-type-value .l-cell-contents, table tr .td.s-cell-type-value .l-cell-contents, @@ -4889,23 +4895,23 @@ table { border-radius: 2px; padding-left: 5px; padding-right: 5px; } - /* line 129, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 121, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.filterable tbody, .tabular.filterable .tbody, table.filterable tbody, table.filterable .tbody { top: 44px; } - /* line 132, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 124, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.filterable input[type="text"], table.filterable input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } - /* line 138, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 130, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header, table.fixed-header { height: 100%; } - /* line 140, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 132, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header thead, .tabular.fixed-header .thead, .tabular.fixed-header tbody tr, .tabular.fixed-header .tbody .tr, table.fixed-header thead, @@ -4914,12 +4920,12 @@ table { table.fixed-header .tbody .tr { display: table; table-layout: fixed; } - /* line 145, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 137, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header thead, .tabular.fixed-header .thead, table.fixed-header thead, table.fixed-header .thead { width: calc(100% - 10px); } - /* line 147, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 139, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header thead:before, .tabular.fixed-header .thead:before, table.fixed-header thead:before, table.fixed-header .thead:before { @@ -4930,7 +4936,7 @@ table { width: 100%; height: 22px; background: rgba(255, 255, 255, 0.15); } - /* line 157, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 149, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header tbody, .tabular.fixed-header .tbody, table.fixed-header tbody, table.fixed-header .tbody { @@ -4945,7 +4951,7 @@ table { top: 22px; display: block; overflow-y: scroll; } - /* line 165, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 157, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.t-event-messages td, .tabular.t-event-messages .td, table.t-event-messages td, table.t-event-messages .td { @@ -5368,7 +5374,7 @@ table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #0099cc; + color: #bfbfbf; display: inline-block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -5402,22 +5408,22 @@ table { /* line 278, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon { color: #33ccff; } } - /* line 47, ../../../../general/res/sass/items/_item.scss */ + /* line 46, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-type { color: deepskyblue; } - /* line 49, ../../../../general/res/sass/items/_item.scss */ + /* line 48, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link { color: #49dedb; } - /* line 53, ../../../../general/res/sass/items/_item.scss */ + /* line 52, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-open { opacity: 1; } - /* line 58, ../../../../general/res/sass/items/_item.scss */ + /* line 57, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .contents { top: 10px; right: 10px; bottom: 10px; left: 10px; } - /* line 64, ../../../../general/res/sass/items/_item.scss */ + /* line 63, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar { bottom: auto; color: #8c8c8c; @@ -5425,24 +5431,24 @@ table { line-height: 20px; text-align: right; z-index: 5; } - /* line 71, ../../../../general/res/sass/items/_item.scss */ + /* line 70, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right { width: auto; } - /* line 73, ../../../../general/res/sass/items/_item.scss */ + /* line 72, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon { margin-left: 3px; } - /* line 75, ../../../../general/res/sass/items/_item.scss */ + /* line 74, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link { color: #49dedb; } - /* line 81, ../../../../general/res/sass/items/_item.scss */ + /* line 80, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.bottom-bar { top: auto; line-height: 110%; } - /* line 87, ../../../../general/res/sass/items/_item.scss */ + /* line 86, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main { line-height: 160px; z-index: 1; } - /* line 93, ../../../../general/res/sass/items/_item.scss */ + /* line 92, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-type { overflow: false; position: absolute; @@ -5459,7 +5465,7 @@ table { bottom: auto; height: 102px; top: 30px; } - /* line 105, ../../../../general/res/sass/items/_item.scss */ + /* line 104, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-type .l-icon-link { color: #49dedb; height: auto; @@ -5469,7 +5475,7 @@ table { left: 0px; bottom: 10px; z-index: 2; } - /* line 117, ../../../../general/res/sass/items/_item.scss */ + /* line 116, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-open { -moz-transition-property: "opacity"; -o-transition-property: "opacity"; @@ -5490,15 +5496,16 @@ table { width: 50px; pointer-events: none; text-align: right; } - /* line 128, ../../../../general/res/sass/items/_item.scss */ + /* line 127, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .title { text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #bfbfbf; } - /* line 133, ../../../../general/res/sass/items/_item.scss */ + /* line 132, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .details { + text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -5762,11 +5769,11 @@ table { background: rgba(255, 255, 255, 0.1); } /* line 93, ../../../../general/res/sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l { - color: rgba(255, 255, 255, 0.3) !important; + color: rgba(204, 204, 204, 0.3) !important; font-style: italic; } /* line 94, ../../../../general/res/sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(204, 204, 204, 0.5) !important; font-style: italic; } /* line 97, ../../../../general/res/sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r { @@ -5820,7 +5827,7 @@ table { min-width: 150px; } /* line 16, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-wrapper .l-image-main { - background-color: rgba(255, 255, 255, 0.1); + background-color: none; bottom: 30px; } /* line 20, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-wrapper .l-image-main-controlbar { @@ -5863,7 +5870,7 @@ table { /* line 67, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-controlbar .l-date, .l-image-main-controlbar .l-time { - color: #fff; } + color: #cccccc; } /* line 71, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-controlbar .l-mag { direction: ltr; diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss index 601e0b3a28..6a5a704ac7 100644 --- a/platform/commonUI/themes/espresso/res/sass/_constants.scss +++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss @@ -1,4 +1,4 @@ -/************************** COLORS AND SHADING */ +// Global $colorBodyBg: #333; $colorBodyFg: #999; $colorGenBg: #222; @@ -8,6 +8,11 @@ $colorKeySelectedBg: #005177; $colorKeyFg: #fff; $colorInteriorBorder: rgba($colorBodyFg, 0.1); $contrastRatioPercent: 7%; +$basicCr: 2px; +$controlCr: 3px; +$smallCr: 2px; + +// Buttons $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); // $colorBtnFg: $colorBodyFg; $colorBtnMajorBg: $colorKey; @@ -17,6 +22,7 @@ $colorObjHdrIcon: pullForward($colorBodyFg, 20%); $colorInvokeMenu: #fff; $contrastInvokeMenuPercent: 20%; +// General Colors $colorAlt1: #ffc700; $colorAlert: #ff3c00; $colorIconLink: #49dedb; @@ -27,6 +33,7 @@ $colorGridLines: rgba(#fff, 0.05); $colorFormLines: rgba(#fff, 0.1); $colorFormSectionHeader: rgba(#000, 0.2); $colorInvokeMenu: #fff; + // Menu colors $colorMenuBg: pullForward($colorBodyBg, 23%); $colorMenuFg: pullForward($colorMenuBg, 70%); @@ -37,7 +44,8 @@ $colorMenuHovIc: $colorMenuHovFg; $shdwMenu: none; $shdwMenuText: rgba(black, 0.1) 0 1px 2px; $colorCreateMenuLgIcon: $colorMenuFg; -$colorCreateMenuText: $colorMenuFg;// +$colorCreateMenuText: $colorMenuFg; + // Form colors $colorCheck: $colorKey; $colorFormRequired: $colorAlt1; @@ -47,24 +55,26 @@ $colorFormInvalid: #ff3300; $colorInputBg: rgba(#fff, 0.1); $colorInputFg: pullForward($colorBodyFg, 20%); $colorFormText: rgba(#fff, 0.5); -$colorInputIcon: pushBack($colorBodyFg, 25%); +$colorInputIcon: pushBack($colorBodyFg, 15%); // Limits and staleness colors $colorLimitYellow: #9d7500; $colorLimitRed: #aa0000; -$colorTelemFresh: #fff; -$colorTelemStale: #888; +$colorTelemFresh: pullForward($colorBodyFg, 20%); +$colorTelemStale: pushBack($colorBodyFg, 20%); $styleTelemStale: italic; // Bubble colors $colorInfoBubbleFg: #666; $colorInfoBubbleBg: #ddd; $colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleBg: lighten($colorBodyBg, 10%); + // Overlay $colorOvrBlocker: rgba(black, 0.7); $colorOvrBg: pullForward($colorBodyBg, 10%); $colorOvrFg: pullForward($colorBodyFg, 30%); $colorOvrBtnBg: pullForward($colorOvrBg, 20%); $colorOvrBtnFg: #fff; + // Items $colorItemBg: lighten($colorBodyBg, 5%); $colorItemFg: lighten($colorItemBg, 50%); @@ -74,16 +84,19 @@ $colorItemSubIcons: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails; $shdwItemText: rgba(black, 0.1) 0 1px 2px; $colorItemBgSelected: $colorKey; + // Tabular -$tabularColorBorder: rgba(white, 0.1); -$tabularColorBodyBg: darken($colorBodyBg, 10%); -$tabularColorBodyFg: lighten($tabularColorBodyBg, 40%); -$tabularColorHeaderBg: lighten($colorBodyBg, 10%); -$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); -$tabularColorHeaderBorder: $colorBodyBg; +$colorTabBorder: pullForward($colorBodyBg, 10%); +$colorTabBodyBg: darken($colorBodyBg, 10%); +$colorTabBodyFg: lighten($colorTabBodyBg, 40%); +$colorTabHeaderBg: lighten($colorBodyBg, 10%); +$colorTabHeaderFg: lighten($colorTabHeaderBg, 40%); +$colorTabHeaderBorder: $colorBodyBg; + // Plot $colorPlotBg: none; $colorPlotFg: $colorBodyFg; + // Tree $colorItemTreeIcon: $colorKey; $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); @@ -94,11 +107,14 @@ $colorItemTreeVC: rgba(#fff, 0.3); $colorItemTreeSelectedVC: $colorItemTreeVC; $colorItemTreeVCHover: $colorAlt1; $shdwItemTreeIcon: 0.6; + // Scrollbar $scrollbarTrackSize: 10px; $scrollbarTrackColorBg: rgba(#000, 0.4); $scrollbarThumbColor: lighten($colorBodyBg, 10%); $scrollbarThumbColorHov: lighten($scrollbarThumbColor, 2%); +$scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px; + // Splitter $splitterShdw: rgba(black, 0.4) 0 0 3px; $colorSplitterInterior: $colorBodyBg; @@ -107,5 +123,5 @@ $splitterW: 5px; $splitterEndCr: 1px; $colorGrippyInteriorHover: $colorKey; -/********************************* MOBILE */ +// Mobile $colorMobilePaneLeft: darken($colorBodyBg, 5%); \ No newline at end of file diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 7cd4d06e41..2b39c7f6df 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -195,8 +195,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ -/************************** COLORS AND SHADING */ -/********************************* MOBILE */ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -446,8 +444,8 @@ mct-container { /* line 147, ../../../../general/res/sass/_global.scss */ .paused:not(.s-btn):not(.s-menu):not(.select) { - border-color: #c56f01 !important; - color: #c56f01 !important; } + border-color: #ff9900 !important; + color: #ff9900 !important; } /* line 153, ../../../../general/res/sass/_global.scss */ .sep { @@ -742,11 +740,11 @@ mct-container { /* line 1, ../../../../general/res/sass/_data-status.scss */ .s-stale { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(51, 51, 51, 0.5) !important; font-style: italic; } /* line 3, ../../../../general/res/sass/_data-status.scss */ .s-stale .td { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(51, 51, 51, 0.5) !important; font-style: italic; } /***************************************************************************** @@ -1394,7 +1392,7 @@ mct-container { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover, .major.select:not(.disabled):hover { - background: #0099cc; } + background: deepskyblue; } /* line 278, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon, .major.select:not(.disabled):hover > .icon { color: white; } } @@ -1416,7 +1414,7 @@ mct-container { text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon { - color: #ddd; } + color: #eee; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover { @@ -1424,9 +1422,12 @@ mct-container { /* line 278, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon { color: white; } } - /* line 99, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.paused, .paused.s-menu, .paused.select { - background-color: #c56f01; + /* line 113, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { + content: "\0000F1"; } + /* line 116, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select { + background-color: #ff9900; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -1441,44 +1442,49 @@ mct-container { user-select: none; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } /* line 271, ../../../../general/res/sass/_mixins.scss */ - .s-btn.paused .icon, .paused.s-menu .icon, .paused.select .icon { + .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { color: #fff; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 276, ../../../../general/res/sass/_mixins.scss */ - .s-btn.paused:not(.disabled):hover, .paused.s-menu:not(.disabled):hover, .paused.select:not(.disabled):hover { - background: #0099cc; } + .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover { + background: #ffad33; } /* line 278, ../../../../general/res/sass/_mixins.scss */ - .s-btn.paused:not(.disabled):hover > .icon, .paused.s-menu:not(.disabled):hover > .icon, .paused.select:not(.disabled):hover > .icon { + .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon { color: white; } } - /* line 101, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.paused .icon:before, .paused.s-menu .icon:before, .paused.select .icon:before { - content: "\0000EF"; } - /* line 106, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.pause-play, .pause-play.s-menu, .pause-play.select { - /* - &.paused { - .icon { - @include pulse(500ms); - } - } - */ } - /* line 114, ../../../../general/res/sass/controls/_buttons.scss */ - .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { - content: "\0000F1"; } - /* line 120, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 118, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { + -moz-animation-name: pulse; + -webkit-animation-name: pulse; + animation-name: pulse; + -moz-animation-duration: 1000ms; + -webkit-animation-duration: 1000ms; + animation-duration: 1000ms; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + /* line 120, ../../../../general/res/sass/controls/_buttons.scss */ + .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before { + content: "\0000EF"; } + /* line 128, ../../../../general/res/sass/controls/_buttons.scss */ .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before { content: "\000039"; } -/* line 126, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 134, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 132, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 140, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 138, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 146, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; @@ -1487,7 +1493,7 @@ mct-container { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; } - /* line 145, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 153, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; @@ -1742,8 +1748,9 @@ label.checkbox.custom { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; - background: white; - border-bottom: 1px solid white; + -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; + box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px; box-sizing: border-box; content: " "; font-family: 'symbolsfont'; @@ -1756,58 +1763,58 @@ label.checkbox.custom { top: 0; position: absolute; text-align: center; } - /* line 173, ../../../../general/res/sass/controls/_controls.scss */ + /* line 174, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom.no-text { overflow: hidden; margin-right: 0; padding-left: 0; height: 14px; width: 14px; } - /* line 179, ../../../../general/res/sass/controls/_controls.scss */ + /* line 180, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom.no-text em { overflow: hidden; } - /* line 183, ../../../../general/res/sass/controls/_controls.scss */ + /* line 184, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom input { display: none; } - /* line 185, ../../../../general/res/sass/controls/_controls.scss */ + /* line 186, ../../../../general/res/sass/controls/_controls.scss */ label.checkbox.custom input:checked ~ em:before { background: #0099cc; color: #ccf2ff; content: "2"; } -/* line 193, ../../../../general/res/sass/controls/_controls.scss */ +/* line 194, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled { margin-left: 5px; } - /* line 195, ../../../../general/res/sass/controls/_controls.scss */ + /* line 196, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled label { display: inline-block; margin-right: 3px; } - /* line 199, ../../../../general/res/sass/controls/_controls.scss */ + /* line 200, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled.inline { display: inline-block; } - /* line 202, ../../../../general/res/sass/controls/_controls.scss */ + /* line 203, ../../../../general/res/sass/controls/_controls.scss */ .input-labeled:first-child { margin-left: 0; } -/* line 207, ../../../../general/res/sass/controls/_controls.scss */ +/* line 208, ../../../../general/res/sass/controls/_controls.scss */ .s-menu label.checkbox.custom, .select label.checkbox.custom { margin-left: 5px; } -/* line 212, ../../../../general/res/sass/controls/_controls.scss */ +/* line 213, ../../../../general/res/sass/controls/_controls.scss */ .item .checkbox.checked label { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } -/* line 218, ../../../../general/res/sass/controls/_controls.scss */ +/* line 219, ../../../../general/res/sass/controls/_controls.scss */ .context-available { color: #0099cc; } - /* line 221, ../../../../general/res/sass/controls/_controls.scss */ + /* line 222, ../../../../general/res/sass/controls/_controls.scss */ .context-available:hover { color: deepskyblue; } -/* line 226, ../../../../general/res/sass/controls/_controls.scss */ +/* line 227, ../../../../general/res/sass/controls/_controls.scss */ .view-switcher { -moz-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color; @@ -1823,26 +1830,26 @@ label.checkbox.custom { transition-timing-function: ease-in-out; } /******************************************************** OBJECT-HEADER */ -/* line 231, ../../../../general/res/sass/controls/_controls.scss */ +/* line 232, ../../../../general/res/sass/controls/_controls.scss */ .object-header { font-size: 1em; } - /* line 242, ../../../../general/res/sass/controls/_controls.scss */ + /* line 243, ../../../../general/res/sass/controls/_controls.scss */ .object-header > .type-icon { color: #666; font-size: 120%; float: left; margin-right: 5px; } - /* line 249, ../../../../general/res/sass/controls/_controls.scss */ + /* line 250, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { justify-content: flex-start; -webkit-justify-content: flex-start; } - /* line 252, ../../../../general/res/sass/controls/_controls.scss */ + /* line 253, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper mct-representation { min-width: 0.7em; } - /* line 260, ../../../../general/res/sass/controls/_controls.scss */ + /* line 261, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 264, ../../../../general/res/sass/controls/_controls.scss */ + /* line 265, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { overflow: hidden; text-overflow: ellipsis; @@ -1850,13 +1857,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 273, ../../../../general/res/sass/controls/_controls.scss */ + /* line 274, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 280, ../../../../general/res/sass/controls/_controls.scss */ + /* line 281, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -1871,12 +1878,12 @@ label.checkbox.custom { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 0; } - /* line 285, ../../../../general/res/sass/controls/_controls.scss */ + /* line 286, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } /******************************************************** SLIDERS */ -/* line 298, ../../../../general/res/sass/controls/_controls.scss */ +/* line 299, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -1887,7 +1894,7 @@ label.checkbox.custom { -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.1); height: 50%; width: auto; position: absolute; @@ -1895,7 +1902,7 @@ label.checkbox.custom { right: 0; bottom: auto; left: 0; } -/* line 309, ../../../../general/res/sass/controls/_controls.scss */ +/* line 310, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { background-color: #b0b0b0; -moz-border-radius: 4px; @@ -1921,14 +1928,7 @@ label.checkbox.custom { left: auto; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .slider .knob .icon { - color: #ddd; } - @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 276, ../../../../general/res/sass/_mixins.scss */ - .slider .knob:not(.disabled):hover { - background: #0099cc; } - /* line 278, ../../../../general/res/sass/_mixins.scss */ - .slider .knob:not(.disabled):hover > .icon { - color: white; } } + color: #eee; } /* line 159, ../../../../general/res/sass/_mixins.scss */ .slider .knob:before { -moz-transition-property: "border-color"; @@ -1968,12 +1968,12 @@ label.checkbox.custom { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; border-color: #fcfcfc; } - /* line 320, ../../../../general/res/sass/controls/_controls.scss */ + /* line 321, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:before { top: 1px; bottom: 3px; left: 5px; } -/* line 327, ../../../../general/res/sass/controls/_controls.scss */ +/* line 328, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { background: rgba(0, 153, 204, 0.6); cursor: ew-resize; @@ -1984,13 +1984,13 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 337, ../../../../general/res/sass/controls/_controls.scss */ + /* line 338, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background: rgba(0, 153, 204, 0.7); } /******************************************************** BROWSER ELEMENTS */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 346, ../../../../general/res/sass/controls/_controls.scss */ + /* line 347, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -1998,28 +1998,28 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; - -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; - box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px; - background-color: rgba(0, 0, 0, 0.5); + -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px; + -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px; + box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px; + background-color: rgba(0, 0, 0, 0.1); height: 10px; width: 10px; } - /* line 352, ../../../../general/res/sass/controls/_controls.scss */ + /* line 356, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #c9c9c9), color-stop(100%, #bcbcbc)); - background-image: -moz-linear-gradient(#c9c9c9, #bcbcbc 20px); - background-image: -webkit-linear-gradient(#c9c9c9, #bcbcbc 20px); - background-image: linear-gradient(#c9c9c9, #bcbcbc 20px); + background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #898989), color-stop(100%, #7d7d7d)); + background-image: -moz-linear-gradient(#898989, #7d7d7d 20px); + background-image: -webkit-linear-gradient(#898989, #7d7d7d 20px); + background-image: linear-gradient(#898989, #7d7d7d 20px); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 361, ../../../../general/res/sass/controls/_controls.scss */ + /* line 365, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2028,9 +2028,9 @@ label.checkbox.custom { background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px); background-image: linear-gradient(#00ace6, #0099cc 20px); } - /* line 366, ../../../../general/res/sass/controls/_controls.scss */ + /* line 370, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { - background: rgba(0, 0, 0, 0.5); } } + background: rgba(0, 0, 0, 0.1); } } /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -2094,7 +2094,7 @@ label.checkbox.custom { margin-left: 3px; } /* line 39, ../../../../general/res/sass/controls/_menus.scss */ .s-menu:after, .select:after { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.4); content: '\76'; display: inline-block; font-family: 'symbolsfont'; @@ -2134,6 +2134,7 @@ label.checkbox.custom { -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px; + text-shadow: none; display: block; padding: 3px 0; position: absolute; @@ -2221,7 +2222,7 @@ label.checkbox.custom { display: block; width: 500px; height: 480px; } - /* line 167, ../../../../general/res/sass/controls/_menus.scss */ + /* line 166, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .contents { overflow: hidden; position: absolute; @@ -2231,34 +2232,34 @@ label.checkbox.custom { left: 5px; width: auto; height: auto; } - /* line 170, ../../../../general/res/sass/controls/_menus.scss */ + /* line 169, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 172, ../../../../general/res/sass/controls/_menus.scss */ + /* line 171, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane.left { - border-right: 1px solid rgba(255, 255, 255, 0.2); + border-right: 1px solid #e6e6e6; left: 0; padding-right: 5px; right: auto; width: 50%; overflow-x: hidden; overflow-y: auto; } - /* line 182, ../../../../general/res/sass/controls/_menus.scss */ + /* line 181, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane.left ul li { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-left: 30px; border-top: none; } - /* line 189, ../../../../general/res/sass/controls/_menus.scss */ + /* line 188, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .pane.right { left: auto; right: 0; padding: 25px; width: 50%; } - /* line 199, ../../../../general/res/sass/controls/_menus.scss */ + /* line 198, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .menu-item-description .desc-area.icon { color: #0099cc; position: relative; @@ -2268,40 +2269,40 @@ label.checkbox.custom { line-height: 150px; margin-bottom: 25px; text-align: center; } - /* line 210, ../../../../general/res/sass/controls/_menus.scss */ + /* line 209, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .menu-item-description .desc-area.title { color: #666; font-size: 1.2em; margin-bottom: 0.5em; } - /* line 215, ../../../../general/res/sass/controls/_menus.scss */ + /* line 214, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .super-menu .menu-item-description .desc-area.description { color: #666; font-size: 0.8em; line-height: 1.5em; } - /* line 224, ../../../../general/res/sass/controls/_menus.scss */ + /* line 223, ../../../../general/res/sass/controls/_menus.scss */ .menu-element .context-menu, .menu-element .checkbox-menu { font-size: 0.80rem; } -/* line 229, ../../../../general/res/sass/controls/_menus.scss */ +/* line 228, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder { pointer-events: none; position: absolute; height: 200px; width: 170px; z-index: 70; } - /* line 235, ../../../../general/res/sass/controls/_menus.scss */ + /* line 234, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder .context-menu-wrapper { position: absolute; height: 100%; width: 100%; } - /* line 242, ../../../../general/res/sass/controls/_menus.scss */ + /* line 241, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu { right: 0; } - /* line 245, ../../../../general/res/sass/controls/_menus.scss */ + /* line 244, ../../../../general/res/sass/controls/_menus.scss */ .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu { bottom: 0; } -/* line 250, ../../../../general/res/sass/controls/_menus.scss */ +/* line 249, ../../../../general/res/sass/controls/_menus.scss */ .btn-bar.right .menu, .menus-to-left .menu { left: auto; @@ -2486,7 +2487,7 @@ label.checkbox.custom { box-sizing: border-box; overflow: hidden; *zoom: 1; - border-top: 1px solid rgba(255, 255, 255, 0.1); + border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 5px; padding: 5px 0; position: relative; } @@ -2690,14 +2691,7 @@ textarea { position: relative; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .select .icon { - color: #ddd; } - @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 276, ../../../../general/res/sass/_mixins.scss */ - .select:not(.disabled):hover { - background: #0099cc; } - /* line 278, ../../../../general/res/sass/_mixins.scss */ - .select:not(.disabled):hover > .icon { - color: white; } } + color: #eee; } /* line 30, ../../../../general/res/sass/forms/_selects.scss */ .select select { -moz-appearance: none; @@ -3880,13 +3874,14 @@ span.req { z-index: 100; } /* line 27, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .clk-icon.close { + font-size: 0.8rem; position: absolute; top: 10px; right: 10px; bottom: auto; left: auto; z-index: 100; } -/* line 32, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 33, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay > .holder { background-color: #fcfcfc; -moz-border-radius: 4px; @@ -3906,29 +3901,29 @@ span.req { bottom: 15%; left: 15%; z-index: 101; } - /* line 39, ../../../../general/res/sass/overlay/_overlay.scss */ + /* line 40, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay > .holder > .contents { top: 25px; right: 25px; bottom: 25px; left: 25px; } -/* line 44, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 45, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.2em; margin-bottom: 5px; } -/* line 50, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 51, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .top-bar { height: 60px; } -/* line 54, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 55, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .editor { top: 70px; bottom: 40px; left: 0; right: 0; } -/* line 60, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 61, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar { top: auto; right: 0; @@ -3937,14 +3932,14 @@ span.req { overflow: visible; height: 30px; text-align: right; } - /* line 66, ../../../../general/res/sass/overlay/_overlay.scss */ + /* line 67, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu, .overlay .bottom-bar .select { font-size: 95%; height: 30px; line-height: 30px; margin-left: 5px; padding: 0 15px; } - /* line 68, ../../../../general/res/sass/overlay/_overlay.scss */ + /* line 69, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) { background-color: #969696; -moz-border-radius: 4px; @@ -3966,11 +3961,11 @@ span.req { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover, .overlay .bottom-bar .select:not(.major):not(.disabled):hover { - background: #0099cc; } + background: #7d7d7d; } /* line 278, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon { color: white; } } -/* line 84, ../../../../general/res/sass/overlay/_overlay.scss */ +/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .contents.l-dialog { top: 5px; right: 5px; @@ -4575,7 +4570,6 @@ ul.tree { background-position: center; } /* line 78, ../../../../general/res/sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text { - text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; border: 1px solid transparent; font-size: 0.8rem; line-height: 100%; } @@ -4598,9 +4592,9 @@ ul.tree { width: auto; } /* line 105, ../../../../general/res/sass/_fixed-position.scss */ .t-fixed-position .l-fixed-position-item .l-fixed-position-text.l-telemetry .l-elem.l-value { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; float: right; margin-left: 5px; padding-left: 5px; @@ -4619,19 +4613,19 @@ ul.tree { /* line 140, ../../../../general/res/sass/_fixed-position.scss */ .edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-x { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; - background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } /* line 144, ../../../../general/res/sass/_fixed-position.scss */ .edit-mode .t-fixed-position.l-fixed-position .l-grid-holder .l-grid.l-grid-y { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; - background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-y; } /* line 152, ../../../../general/res/sass/_fixed-position.scss */ .edit-mode .t-fixed-position .l-fixed-position-item:not(.s-selected) { @@ -4674,12 +4668,11 @@ table { box-sizing: border-box; border-spacing: 0; border-collapse: collapse; - color: #fff; display: table; font-size: 0.75rem; position: relative; width: 100%; } - /* line 38, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 36, ../../../../general/res/sass/lists/_tabular.scss */ .tabular thead, .tabular .thead, .tabular tbody tr, .tabular .tbody .tr, table thead, @@ -4687,42 +4680,42 @@ table { table tbody tr, table .tbody .tr { width: 100%; } - /* line 44, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 40, ../../../../general/res/sass/lists/_tabular.scss */ .tabular thead, .tabular .thead, table thead, table .thead { border-bottom: 1px solid #fcfcfc; } - /* line 47, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 43, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tbody, .tabular .tbody, table tbody, table .tbody { display: table-row-group; } - /* line 54, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 46, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tbody tr:hover, .tabular tbody .tr:hover, .tabular .tbody tr:hover, .tabular .tbody .tr:hover, table tbody tr:hover, table tbody .tr:hover, table .tbody tr:hover, table .tbody .tr:hover { - background: rgba(255, 255, 255, 0.1); } - /* line 59, ../../../../general/res/sass/lists/_tabular.scss */ + background: rgba(51, 51, 51, 0.1); } + /* line 51, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr, .tabular .tr, table tr, table .tr { display: table-row; } - /* line 61, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 53, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr:first-child .td, .tabular .tr:first-child .td, table tr:first-child .td, table .tr:first-child .td { border-top: none; } - /* line 65, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 57, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr.group-header td, .tabular tr.group-header .td, .tabular .tr.group-header td, .tabular .tr.group-header .td, table tr.group-header td, table tr.group-header .td, table .tr.group-header td, table .tr.group-header .td { - background-color: #f2f2f2; - color: #f2f2f2; } - /* line 71, ../../../../general/res/sass/lists/_tabular.scss */ + background-color: #efefef; + color: #404040; } + /* line 63, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th, .tabular tr .th, .tabular tr td, .tabular tr .td, .tabular .tr th, .tabular .tr .th, .tabular .tr td, .tabular .tr .td, table tr th, table tr .th, @@ -4733,26 +4726,26 @@ table { table .tr td, table .tr .td { display: table-cell; } - /* line 74, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 66, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th, .tabular tr .th, .tabular .tr th, .tabular .tr .th, table tr th, table tr .th, table .tr th, table .tr .th { - background-color: white; + background-color: #e3e3e3; border-left: 1px solid #fcfcfc; - color: white; + color: #333333; padding: 5px 5px; white-space: nowrap; vertical-align: middle; } - /* line 81, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 73, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th:first-child, .tabular tr .th:first-child, .tabular .tr th:first-child, .tabular .tr .th:first-child, table tr th:first-child, table tr .th:first-child, table .tr th:first-child, table .tr .th:first-child { border-left: none; } - /* line 85, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 77, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th.sort.sort:after, .tabular tr .th.sort.sort:after, .tabular .tr th.sort.sort:after, .tabular .tr .th.sort.sort:after, table tr th.sort.sort:after, table tr .th.sort.sort:after, @@ -4764,74 +4757,74 @@ table { content: "\ed"; display: inline-block; margin-left: 3px; } - /* line 93, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 85, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th.sort.sort.desc:after, .tabular tr .th.sort.sort.desc:after, .tabular .tr th.sort.sort.desc:after, .tabular .tr .th.sort.sort.desc:after, table tr th.sort.sort.desc:after, table tr .th.sort.sort.desc:after, table .tr th.sort.sort.desc:after, table .tr .th.sort.sort.desc:after { content: "\ec"; } - /* line 97, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 89, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr th.sortable, .tabular tr .th.sortable, .tabular .tr th.sortable, .tabular .tr .th.sortable, table tr th.sortable, table tr .th.sortable, table .tr th.sortable, table .tr .th.sortable { cursor: pointer; } - /* line 101, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 93, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td, .tabular tr .td, .tabular .tr td, .tabular .tr .td, table tr td, table tr .td, table .tr td, table .tr .td { - border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: 1px solid #e3e3e3; min-width: 20px; - color: #fff; + color: #333333; padding: 3px 5px; word-wrap: break-word; vertical-align: top; } - /* line 108, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 100, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric, table tr td.numeric, table tr .td.numeric, table .tr td.numeric, table .tr .td.numeric { text-align: right; } - /* line 111, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 103, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td.s-cell-type-value, .tabular tr .td.s-cell-type-value, .tabular .tr td.s-cell-type-value, .tabular .tr .td.s-cell-type-value, table tr td.s-cell-type-value, table tr .td.s-cell-type-value, table .tr td.s-cell-type-value, table .tr .td.s-cell-type-value { text-align: right; } - /* line 113, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 105, ../../../../general/res/sass/lists/_tabular.scss */ .tabular tr td.s-cell-type-value .l-cell-contents, .tabular tr .td.s-cell-type-value .l-cell-contents, .tabular .tr td.s-cell-type-value .l-cell-contents, .tabular .tr .td.s-cell-type-value .l-cell-contents, table tr td.s-cell-type-value .l-cell-contents, table tr .td.s-cell-type-value .l-cell-contents, table .tr td.s-cell-type-value .l-cell-contents, table .tr .td.s-cell-type-value .l-cell-contents { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; padding-left: 5px; padding-right: 5px; } - /* line 129, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 121, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.filterable tbody, .tabular.filterable .tbody, table.filterable tbody, table.filterable .tbody { top: 44px; } - /* line 132, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 124, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.filterable input[type="text"], table.filterable input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } - /* line 138, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 130, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header, table.fixed-header { height: 100%; } - /* line 140, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 132, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header thead, .tabular.fixed-header .thead, .tabular.fixed-header tbody tr, .tabular.fixed-header .tbody .tr, table.fixed-header thead, @@ -4840,12 +4833,12 @@ table { table.fixed-header .tbody .tr { display: table; table-layout: fixed; } - /* line 145, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 137, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header thead, .tabular.fixed-header .thead, table.fixed-header thead, table.fixed-header .thead { width: calc(100% - 10px); } - /* line 147, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 139, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header thead:before, .tabular.fixed-header .thead:before, table.fixed-header thead:before, table.fixed-header .thead:before { @@ -4856,7 +4849,7 @@ table { width: 100%; height: 22px; background: rgba(255, 255, 255, 0.15); } - /* line 157, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 149, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.fixed-header tbody, .tabular.fixed-header .tbody, table.fixed-header tbody, table.fixed-header .tbody { @@ -4871,7 +4864,7 @@ table { top: 22px; display: block; overflow-y: scroll; } - /* line 165, ../../../../general/res/sass/lists/_tabular.scss */ + /* line 157, ../../../../general/res/sass/lists/_tabular.scss */ .tabular.t-event-messages td, .tabular.t-event-messages .td, table.t-event-messages td, table.t-event-messages .td { @@ -5107,9 +5100,9 @@ table { /* line 228, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; line-height: 1.5em; padding: 0px 5px; } /* line 234, ../../../../general/res/sass/plots/_plots-main.scss */ @@ -5295,7 +5288,7 @@ table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - color: #ddd; + color: #fff; display: inline-block; -moz-user-select: -moz-none; -ms-user-select: none; @@ -5312,30 +5305,30 @@ table { position: relative; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item .icon { - color: #ddd; } + color: #eee; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { /* line 276, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { - background: #0099cc; } + background: #7d7d7d; } /* line 278, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon { color: white; } } - /* line 47, ../../../../general/res/sass/items/_item.scss */ + /* line 46, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-type { color: deepskyblue; } - /* line 49, ../../../../general/res/sass/items/_item.scss */ + /* line 48, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link { color: #49dedb; } - /* line 53, ../../../../general/res/sass/items/_item.scss */ + /* line 52, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item:hover .item-main .item-open { opacity: 1; } - /* line 58, ../../../../general/res/sass/items/_item.scss */ + /* line 57, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .contents { top: 10px; right: 10px; bottom: 10px; left: 10px; } - /* line 64, ../../../../general/res/sass/items/_item.scss */ + /* line 63, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar { bottom: auto; color: #d9d9d9; @@ -5343,24 +5336,24 @@ table { line-height: 20px; text-align: right; z-index: 5; } - /* line 71, ../../../../general/res/sass/items/_item.scss */ + /* line 70, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right { width: auto; } - /* line 73, ../../../../general/res/sass/items/_item.scss */ + /* line 72, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon { margin-left: 3px; } - /* line 75, ../../../../general/res/sass/items/_item.scss */ + /* line 74, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link { color: #49dedb; } - /* line 81, ../../../../general/res/sass/items/_item.scss */ + /* line 80, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .bar.bottom-bar { top: auto; line-height: 110%; } - /* line 87, ../../../../general/res/sass/items/_item.scss */ + /* line 86, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main { line-height: 160px; z-index: 1; } - /* line 93, ../../../../general/res/sass/items/_item.scss */ + /* line 92, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-type { overflow: false; position: absolute; @@ -5370,14 +5363,14 @@ table { left: 40px; width: auto; height: auto; - color: #ddd; + color: #eee; text-align: center; font-size: 96.9px; line-height: 102px; bottom: auto; height: 102px; top: 30px; } - /* line 105, ../../../../general/res/sass/items/_item.scss */ + /* line 104, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-type .l-icon-link { color: #49dedb; height: auto; @@ -5387,7 +5380,7 @@ table { left: 0px; bottom: 10px; z-index: 2; } - /* line 117, ../../../../general/res/sass/items/_item.scss */ + /* line 116, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .item-main .item-open { -moz-transition-property: "opacity"; -o-transition-property: "opacity"; @@ -5408,14 +5401,14 @@ table { width: 50px; pointer-events: none; text-align: right; } - /* line 128, ../../../../general/res/sass/items/_item.scss */ + /* line 127, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .title { text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } - /* line 133, ../../../../general/res/sass/items/_item.scss */ + /* line 132, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item .details { text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; overflow: hidden; @@ -5423,7 +5416,7 @@ table { white-space: nowrap; color: #d9d9d9; font-size: 0.8em; } - /* line 139, ../../../../general/res/sass/items/_item.scss */ + /* line 138, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item.selected { background-color: #0099cc; -moz-border-radius: 4px; @@ -5442,24 +5435,17 @@ table { color: #80dfff; } /* line 271, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected .icon { - color: #ddd; } - @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 276, ../../../../general/res/sass/_mixins.scss */ - .items-holder .item.grid-item.selected:not(.disabled):hover { - background: #0099cc; } - /* line 278, ../../../../general/res/sass/_mixins.scss */ - .items-holder .item.grid-item.selected:not(.disabled):hover > .icon { - color: white; } } - /* line 144, ../../../../general/res/sass/items/_item.scss */ + color: #eee; } + /* line 143, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { color: #80dfff; } - /* line 145, ../../../../general/res/sass/items/_item.scss */ + /* line 144, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item.selected .item-main .item-open { color: #80dfff; } - /* line 146, ../../../../general/res/sass/items/_item.scss */ + /* line 145, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item.selected .title { color: white; } - /* line 148, ../../../../general/res/sass/items/_item.scss */ + /* line 147, ../../../../general/res/sass/items/_item.scss */ .items-holder .item.grid-item.selected:hover .item-main .item-type { color: white !important; } @@ -5672,11 +5658,11 @@ table { background: rgba(255, 255, 255, 0.1); } /* line 93, ../../../../general/res/sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l { - color: rgba(255, 255, 255, 0.3) !important; + color: rgba(51, 51, 51, 0.3) !important; font-style: italic; } /* line 94, ../../../../general/res/sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r { - color: rgba(255, 255, 255, 0.5) !important; + color: rgba(51, 51, 51, 0.5) !important; font-style: italic; } /* line 97, ../../../../general/res/sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r { @@ -5696,9 +5682,9 @@ table { width: auto; } /* line 113, ../../../../general/res/sass/_autoflow.scss */ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; float: right; margin-left: 5px; padding-left: 5px; @@ -5730,7 +5716,7 @@ table { min-width: 150px; } /* line 16, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-wrapper .l-image-main { - background-color: rgba(255, 255, 255, 0.1); + background-color: #eee; bottom: 30px; } /* line 20, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-wrapper .l-image-main-controlbar { @@ -5773,7 +5759,7 @@ table { /* line 67, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-controlbar .l-date, .l-image-main-controlbar .l-time { - color: #fff; } + color: #333333; } /* line 71, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-controlbar .l-mag { direction: ltr; @@ -5783,7 +5769,7 @@ table { content: "\000049"; } /* line 79, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-controlbar .s-mag { - color: #333333; } + color: #999999; } /* line 82, ../../../../general/res/sass/features/_imagery.scss */ .l-image-main-controlbar .l-btn.show-thumbs { display: none; } @@ -5793,7 +5779,7 @@ table { border: 1px solid transparent; } /* line 89, ../../../../general/res/sass/features/_imagery.scss */ .s-image-main.paused { - border-color: #c56f01; } + border-color: #ff9900; } /*************************************** THUMBS */ /* line 96, ../../../../general/res/sass/features/_imagery.scss */ diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss index f7d180cede..155e1ca892 100644 --- a/platform/commonUI/themes/snow/res/sass/_constants.scss +++ b/platform/commonUI/themes/snow/res/sass/_constants.scss @@ -1,6 +1,4 @@ -$basicCr: 4px; -$controlCr: $basicCr; -/************************** COLORS AND SHADING */ +// Global $colorBodyBg: #fcfcfc; $colorBodyFg: #666; $colorGenBg: #fff; @@ -10,25 +8,30 @@ $colorKeySelectedBg: $colorKey; $colorKeyFg: #fff; $colorInteriorBorder: rgba($colorBodyFg, 0.2); $contrastRatioPercent: 30%; +$basicCr: 4px; +$controlCr: $basicCr; +$smallCr: 3px; // Buttons $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); $colorBtnFg: #fff; $colorBtnMajorBg: $colorKey; $colorBtnMajorFg: $colorKeyFg; -$colorBtnIcon: #ddd; +$colorBtnIcon: #eee; $colorObjHdrIcon: $colorBodyFg; $colorInvokeMenu: #000; -$contrastInvokeMenuPercent: 50%; +$contrastInvokeMenuPercent: 40%; +// General Colors $colorAlt1: #ff6600; $colorAlert: #ff3c00; $colorIconLink: #49dedb; -$colorPausedBg: #c56f01; +$colorPausedBg: #ff9900; $colorPausedFg: #fff; $colorCreateBtn: $colorKey; -$colorGridLines: rgba(#fff, 0.05); +$colorGridLines: rgba(#000, 0.05); $colorInvokeMenu: #fff; + // Menu colors $colorMenuBg: pushBack($colorBodyBg, 10%); $colorMenuFg: pullForward($colorMenuBg, 70%); @@ -40,54 +43,62 @@ $colorCreateMenuLgIcon: $colorKey; $colorCreateMenuText: $colorBodyFg; $shdwMenu: rgba(black, 0.5) 0 1px 5px; $shdwMenuText: none; + // Form colors $colorCheck: $colorKey; $colorFormRequired: $colorKey; $colorFormValid: #33cc33; $colorFormError: #cc0000; $colorFormInvalid: #ff2200; -$colorFormLines: rgba(#fff, 0.1); // MOVED +$colorFormLines: rgba(#000, 0.1); // MOVED $colorFormSectionHeader: rgba(#000, 0.1); $colorInputBg: $colorGenBg; $colorInputFg: $colorBodyFg; $colorFormText: pushBack($colorBodyFg, 10%); $colorInputIcon: pushBack($colorBodyFg, 25%); + // Limits and staleness colors// $colorLimitYellow: #9d7500; $colorLimitRed: #aa0000; -$colorTelemFresh: #fff; -$colorTelemStale: #888; +$colorTelemFresh: pullForward($colorBodyFg, 20%); +$colorTelemStale: pushBack($colorBodyFg, 20%); $styleTelemStale: italic; + // Bubble colors $colorInfoBubbleFg: #666; $colorInfoBubbleBg: $colorMenuBg; $colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleBg: lighten($colorBodyBg, 10%); + // Overlay $colorOvrBlocker: rgba(black, 0.7);// $colorOvrBg: $colorBodyBg; $colorOvrFg: $colorBodyFg; $colorOvrBtnBg: pullForward($colorOvrBg, 40%); $colorOvrBtnFg: #fff; + // Items -$colorItemBg: $colorBtnBg; //pullForward($colorBodyBg, 15%); -$colorItemFg: $colorBtnFg; //lighten($colorItemBg, 20%); +$colorItemBg: $colorBtnBg; +$colorItemFg: $colorBtnFg; $colorItemFgDetails: darken($colorItemFg, 15%); $colorItemIcon: $colorBtnIcon; $colorItemSubIcons: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails; $shdwItemText: rgba(black, 0.2) 0 1px 2px; $colorItemBgSelected: $colorKey; + // Tabular -$tabularColorBorder: rgba(white, 0.1); -$tabularColorBodyBg: darken($colorBodyBg, 10%); -$tabularColorBodyFg: lighten($tabularColorBodyBg, 40%); -$tabularColorHeaderBg: lighten($colorBodyBg, 10%); -$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); -$tabularColorHeaderBorder: $colorBodyBg; +$colorTabBorder: pullForward($colorBodyBg, 10%); +$colorTabBodyBg: $colorBodyBg; +$colorTabBodyFg: pullForward($colorBodyFg, 20%); +$colorTabHeaderBg: pullForward($colorBodyBg, 10%); +$colorTabHeaderFg: pullForward($colorBodyFg, 20%); +$colorTabHeaderBorder: $colorBodyBg; + // Plot -$colorPlotBg: #eee; // +$colorPlotBg: #eee; $colorPlotFg: $colorBodyFg; + // Tree $colorItemTreeIcon: $colorKey; $colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%); @@ -98,11 +109,14 @@ $colorItemTreeSelectedFg: $colorBodyBg; $colorItemTreeVC: $colorBodyFg; $colorItemTreeSelectedVC: $colorBodyBg; $shdwItemTreeIcon: none; + // Scrollbar $scrollbarTrackSize: 10px; -$scrollbarTrackColorBg: rgba(#000, 0.5); -$scrollbarThumbColor: darken($colorBodyBg, 25%);// +$scrollbarTrackShdw: rgba(#000, 0.2) 0 1px 2px; +$scrollbarTrackColorBg: rgba(#000, 0.1); +$scrollbarThumbColor: darken($colorBodyBg, 50%);// $scrollbarThumbColorHov: $colorKey; + // Splitter $splitterShdw: none; $colorSplitterInterior: $colorBodyBg; @@ -111,5 +125,5 @@ $splitterW: 5px; $splitterEndCr: $splitterW; $colorGrippyInteriorHover: $colorBodyBg; -/********************************* MOBILE */ +// Mobile $colorMobilePaneLeft: darken($colorBodyBg, 2%); \ No newline at end of file diff --git a/platform/commonUI/themes/snow/res/sass/_mixins.scss b/platform/commonUI/themes/snow/res/sass/_mixins.scss index 267aa62d26..2ff7fb2690 100644 --- a/platform/commonUI/themes/snow/res/sass/_mixins.scss +++ b/platform/commonUI/themes/snow/res/sass/_mixins.scss @@ -4,7 +4,7 @@ @mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) { @include containerSubtle($bg, $fg); - @include btnBase($bg, $colorKey, $fg, $ic); + @include btnBase($bg, $bgHov, $fg, $ic); @include text-shadow($shdwItemText); }