From b0b2db24e04b89b5479b951b6935fd08c93f6d6d Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Thu, 18 Feb 2016 18:03:43 -0800 Subject: [PATCH 1/3] [Frontend] Mods to .status.block open #442 Added clickable class; tweaks to indicator.html to introduce s-btn element look; --- .../general/res/sass/controls/_messages.scss | 11 +- .../general/res/templates/indicator.html | 7 +- .../espresso/res/css/theme-espresso.css | 210 +++++++++--------- .../themes/snow/res/css/theme-snow.css | 210 +++++++++--------- 4 files changed, 231 insertions(+), 207 deletions(-) diff --git a/platform/commonUI/general/res/sass/controls/_messages.scss b/platform/commonUI/general/res/sass/controls/_messages.scss index 8bb8337d9c..285d17f4cc 100644 --- a/platform/commonUI/general/res/sass/controls/_messages.scss +++ b/platform/commonUI/general/res/sass/controls/_messages.scss @@ -40,7 +40,6 @@ $transDelay: 1.5s; $transSpeed: .25s; color: $colorStatusDefault; - cursor: default; display: inline-block; margin-right: $interiorMargin; .status-indicator, @@ -50,6 +49,9 @@ vertical-align: top; } + &.clickable { cursor: pointer; } + &:not(.clickable) { cursor: default; } + &.no-icon { .status-indicator { display: none; @@ -104,6 +106,12 @@ font-weight: bold; opacity: 1; } + .s-btn { + //background: orange; + padding: 0 $interiorMarginSm; + height: auto; + line-height: inherit; + } } /* Styles for messages and message banners */ @@ -295,7 +303,6 @@ .message-contents { .l-message { - //border-bottom: 1px solid pullForward($colorOvrBg, 20%); @include border-radius($controlCr); background: rgba($colorOvrFg, 0.1); margin-bottom: $interiorMargin; diff --git a/platform/commonUI/general/res/templates/indicator.html b/platform/commonUI/general/res/templates/indicator.html index fb4a2f89c9..401c9990b9 100644 --- a/platform/commonUI/general/res/templates/indicator.html +++ b/platform/commonUI/general/res/templates/indicator.html @@ -30,11 +30,8 @@ {{ngModel.getText()}} + G - - G - + \ No newline at end of file diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 8b5f4ff272..7c4d057d1b 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -1906,10 +1906,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { height: 24px; width: 9px; text-align: center; } - /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:hover { color: #0099cc; } - /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 147, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed { background-color: #454545; -moz-border-radius: 3px; @@ -1954,19 +1954,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: #33ccff; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 150, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:before { opacity: 0; } - /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:after { opacity: 1; } - /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 153, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:before { opacity: 1; } - /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:after { opacity: 0; } - /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 159, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before, .mini-tab:after { -moz-transition-property: left, right, opacity; -o-transition-property: left, right, opacity; @@ -1987,22 +1987,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { display: block; height: 100%; position: absolute; } - /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 168, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before { width: 9px; } - /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 174, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:after { width: 100%; text-align: center; opacity: 0; } - /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 181, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left { text-align: right; } - /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 184, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left:before { content: '\3c'; right: 0; } - /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 189, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; @@ -2011,21 +2011,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; text-align: left; } - /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 192, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 196, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:hover:before { left: 2px; } - /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 199, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right { text-align: left; } - /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 202, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right:before { content: '\3e'; left: 0; } - /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 207, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; @@ -2033,17 +2033,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } - /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 209, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:before { text-align: right; content: '\3c'; right: 0; } - /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 214, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:hover:before { right: 2px; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 220, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon { color: #595959; cursor: pointer; @@ -2056,31 +2056,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 9px; overflow: hidden; word-break: break-all; } - /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 237, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon.collapsed { width: 11px; font-size: 11px; } - /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 242, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 248, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 252, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 259, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 265, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 271, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -2089,7 +2089,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 0; } - /* line 279, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 278, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; @@ -2098,7 +2098,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 286, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 285, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #c56f01 !important; color: #c56f01 !important; } @@ -3163,28 +3163,33 @@ label.checkbox.custom { /* line 39, ../../../../general/res/sass/controls/_messages.scss */ .status.block { color: #ccc; - cursor: default; display: inline-block; margin-right: 5px; } - /* line 46, ../../../../general/res/sass/controls/_messages.scss */ + /* line 45, ../../../../general/res/sass/controls/_messages.scss */ .status.block .status-indicator, .status.block .label, .status.block .count { display: inline-block; vertical-align: top; } - /* line 54, ../../../../general/res/sass/controls/_messages.scss */ + /* line 52, ../../../../general/res/sass/controls/_messages.scss */ + .status.block.clickable { + cursor: pointer; } + /* line 53, ../../../../general/res/sass/controls/_messages.scss */ + .status.block:not(.clickable) { + cursor: default; } + /* line 56, ../../../../general/res/sass/controls/_messages.scss */ .status.block.no-icon .status-indicator { display: none; } - /* line 59, ../../../../general/res/sass/controls/_messages.scss */ + /* line 61, ../../../../general/res/sass/controls/_messages.scss */ .status.block.float-right { float: right; } - /* line 63, ../../../../general/res/sass/controls/_messages.scss */ + /* line 65, ../../../../general/res/sass/controls/_messages.scss */ .status.block.subtle { opacity: 0.5; } - /* line 66, ../../../../general/res/sass/controls/_messages.scss */ + /* line 68, ../../../../general/res/sass/controls/_messages.scss */ .status.block .status-indicator { margin-right: 3px; } - /* line 71, ../../../../general/res/sass/controls/_messages.scss */ + /* line 73, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse) .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3204,7 +3209,7 @@ label.checkbox.custom { transition-delay: 1.5s; overflow: hidden; max-width: 0px; } - /* line 78, ../../../../general/res/sass/controls/_messages.scss */ + /* line 80, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3224,7 +3229,7 @@ label.checkbox.custom { transition-delay: 0s; max-width: 450px; width: auto; } - /* line 83, ../../../../general/res/sass/controls/_messages.scss */ + /* line 85, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .count { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3243,16 +3248,16 @@ label.checkbox.custom { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; } - /* line 90, ../../../../general/res/sass/controls/_messages.scss */ + /* line 92, ../../../../general/res/sass/controls/_messages.scss */ .status.block.ok .status-indicator, .status.block.info .status-indicator { color: #62ba72; } - /* line 94, ../../../../general/res/sass/controls/_messages.scss */ + /* line 96, ../../../../general/res/sass/controls/_messages.scss */ .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator { color: #ffa66d; } - /* line 99, ../../../../general/res/sass/controls/_messages.scss */ + /* line 101, ../../../../general/res/sass/controls/_messages.scss */ .status.block.error .status-indicator { color: #d4585c; } - /* line 102, ../../../../general/res/sass/controls/_messages.scss */ + /* line 104, ../../../../general/res/sass/controls/_messages.scss */ .status.block .count { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -3272,20 +3277,25 @@ label.checkbox.custom { transition-delay: 1.5s; font-weight: bold; opacity: 1; } + /* line 109, ../../../../general/res/sass/controls/_messages.scss */ + .status.block .s-btn, .status.block .s-menu-btn { + padding: 0 3px; + height: auto; + line-height: inherit; } /* Styles for messages and message banners */ -/* line 111, ../../../../general/res/sass/controls/_messages.scss */ +/* line 119, ../../../../general/res/sass/controls/_messages.scss */ .message.block { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; } -/* line 115, ../../../../general/res/sass/controls/_messages.scss */ +/* line 123, ../../../../general/res/sass/controls/_messages.scss */ .message.error { background-color: rgba(255, 60, 0, 0.3); color: #ff8a66; } -/* line 121, ../../../../general/res/sass/controls/_messages.scss */ +/* line 129, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -3314,7 +3324,7 @@ label.checkbox.custom { -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } - /* line 137, ../../../../general/res/sass/controls/_messages.scss */ + /* line 145, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.minimized { -moz-transition-property: left, opacity; -o-transition-property: left, opacity; @@ -3330,11 +3340,11 @@ label.checkbox.custom { transition-timing-function: ease-in-out; left: 0; opacity: 0; } - /* line 145, ../../../../general/res/sass/controls/_messages.scss */ + /* line 153, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new { left: 50%; opacity: 1; } - /* line 148, ../../../../general/res/sass/controls/_messages.scss */ + /* line 156, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new:not(.info) { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -3366,33 +3376,33 @@ label.checkbox.custom { opacity: 0.5; } 100% { opacity: 1; } } - /* line 153, ../../../../general/res/sass/controls/_messages.scss */ + /* line 161, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .banner-elem { -webkit-flex: 0 1 auto; flex: 0 1 auto; margin-left: 5px; } - /* line 157, ../../../../general/res/sass/controls/_messages.scss */ + /* line 165, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner a { display: inline-block; } - /* line 160, ../../../../general/res/sass/controls/_messages.scss */ + /* line 168, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-action { line-height: 15px; padding: 0 5px; } - /* line 164, ../../../../general/res/sass/controls/_messages.scss */ + /* line 172, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .close { cursor: pointer; font-size: 7px; width: 8px; } - /* line 170, ../../../../general/res/sass/controls/_messages.scss */ + /* line 178, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-progress-bar { height: 8px; line-height: 8px; width: 100px; } - /* line 176, ../../../../general/res/sass/controls/_messages.scss */ + /* line 184, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .progress-info { display: none; } -/* line 186, ../../../../general/res/sass/controls/_messages.scss */ +/* line 194, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -3409,10 +3419,10 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action:hover { background-color: gray; } - /* line 190, ../../../../general/res/sass/controls/_messages.scss */ + /* line 198, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner a { color: inherit; } - /* line 191, ../../../../general/res/sass/controls/_messages.scss */ + /* line 199, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -3433,13 +3443,13 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 195, ../../../../general/res/sass/controls/_messages.scss */ + /* line 203, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close { opacity: 0.5; } - /* line 197, ../../../../general/res/sass/controls/_messages.scss */ + /* line 205, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close:hover { opacity: 1; } - /* line 201, ../../../../general/res/sass/controls/_messages.scss */ + /* line 209, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok, .s-message-banner.info { background-color: #285b31; color: #ccc; } @@ -3452,7 +3462,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok .s-action:hover, .s-message-banner.info .s-action:hover { background-color: #285b31; } - /* line 205, ../../../../general/res/sass/controls/_messages.scss */ + /* line 213, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert { background-color: #d35200; color: #ccc; } @@ -3465,7 +3475,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution .s-action:hover, .s-message-banner.warning .s-action:hover, .s-message-banner.alert .s-action:hover { background-color: #d35200; } - /* line 210, ../../../../general/res/sass/controls/_messages.scss */ + /* line 218, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.error { background-color: #751e21; color: #ccc; } @@ -3492,7 +3502,7 @@ label.checkbox.custom { ... same as above bottom-bar */ -/* line 252, ../../../../general/res/sass/controls/_messages.scss */ +/* line 260, ../../../../general/res/sass/controls/_messages.scss */ .l-message { display: -webkit-flex; display: flex; @@ -3500,52 +3510,52 @@ label.checkbox.custom { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; } - /* line 256, ../../../../general/res/sass/controls/_messages.scss */ + /* line 264, ../../../../general/res/sass/controls/_messages.scss */ .l-message .type-icon.message-type { -webkit-flex: 0 1 auto; flex: 0 1 auto; position: relative; } - /* line 261, ../../../../general/res/sass/controls/_messages.scss */ + /* line 269, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents { -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-left: 25px; position: relative; } - /* line 267, ../../../../general/res/sass/controls/_messages.scss */ + /* line 275, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents .top-bar, .l-message .message-contents .message-body { margin-bottom: 20px; } -/* line 216, ../../../../general/res/sass/controls/_messages.scss */ +/* line 224, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type { text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; color: #ccc; font-size: 80px; padding: 1px; width: 82px; } - /* line 218, ../../../../general/res/sass/controls/_messages.scss */ + /* line 226, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type:before { content: "\e608"; } -/* line 225, ../../../../general/res/sass/controls/_messages.scss */ +/* line 233, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type { color: #62ba72; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 229, ../../../../general/res/sass/controls/_messages.scss */ +/* line 237, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type { color: #ffa66d; } - /* line 230, ../../../../general/res/sass/controls/_messages.scss */ + /* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 241, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type { color: #d4585c; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 242, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type:before { content: "\21"; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 280, ../../../../general/res/sass/controls/_messages.scss */ + /* line 288, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .l-message, .t-message-single .bottom-bar { overflow: hidden; @@ -3556,40 +3566,40 @@ label.checkbox.custom { left: 0px; width: auto; height: auto; } - /* line 285, ../../../../general/res/sass/controls/_messages.scss */ + /* line 293, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .bottom-bar { top: auto; height: 24px; } } -/* line 216, ../../../../general/res/sass/controls/_messages.scss */ +/* line 224, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type { text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; color: #ccc; font-size: 32px; padding: 1px; width: 34px; } - /* line 218, ../../../../general/res/sass/controls/_messages.scss */ + /* line 226, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type:before { content: "\e608"; } -/* line 225, ../../../../general/res/sass/controls/_messages.scss */ +/* line 233, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type { color: #62ba72; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 229, ../../../../general/res/sass/controls/_messages.scss */ +/* line 237, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type { color: #ffa66d; } - /* line 230, ../../../../general/res/sass/controls/_messages.scss */ + /* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 241, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type { color: #d4585c; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 242, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type:before { content: "\21"; } -/* line 297, ../../../../general/res/sass/controls/_messages.scss */ +/* line 305, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -3597,26 +3607,26 @@ label.checkbox.custom { background: rgba(230, 230, 230, 0.1); margin-bottom: 5px; padding: 10px; } - /* line 304, ../../../../general/res/sass/controls/_messages.scss */ + /* line 311, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents, .t-message-list .message-contents .l-message .bottom-bar { position: relative; } - /* line 310, ../../../../general/res/sass/controls/_messages.scss */ + /* line 317, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents { font-size: 0.9em; margin-left: 10px; } - /* line 313, ../../../../general/res/sass/controls/_messages.scss */ + /* line 320, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .message-action { color: #b3b3b3; } - /* line 314, ../../../../general/res/sass/controls/_messages.scss */ + /* line 321, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .bottom-bar { text-align: left; } - /* line 317, ../../../../general/res/sass/controls/_messages.scss */ + /* line 324, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .message-body { margin-bottom: 10px; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 325, ../../../../general/res/sass/controls/_messages.scss */ + /* line 332, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { margin-right: 10px; } } diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 9562a1271c..009976a684 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -1845,10 +1845,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { height: 24px; width: 9px; text-align: center; } - /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:hover { color: #0099cc; } - /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 147, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed { background-color: #969696; -moz-border-radius: 4px; @@ -1879,19 +1879,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: white; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 150, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:before { opacity: 0; } - /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:after { opacity: 1; } - /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 153, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:before { opacity: 1; } - /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:after { opacity: 0; } - /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 159, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before, .mini-tab:after { -moz-transition-property: left, right, opacity; -o-transition-property: left, right, opacity; @@ -1912,22 +1912,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { display: block; height: 100%; position: absolute; } - /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 168, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before { width: 9px; } - /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 174, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:after { width: 100%; text-align: center; opacity: 0; } - /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 181, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left { text-align: right; } - /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 184, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left:before { content: '\3c'; right: 0; } - /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 189, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; @@ -1936,21 +1936,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; text-align: left; } - /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 192, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 196, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:hover:before { left: 2px; } - /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 199, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right { text-align: left; } - /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 202, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right:before { content: '\3e'; left: 0; } - /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 207, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; @@ -1958,17 +1958,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } - /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 209, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:before { text-align: right; content: '\3c'; right: 0; } - /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 214, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:hover:before { right: 2px; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 220, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon { color: #d6d6d6; cursor: pointer; @@ -1981,31 +1981,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 9px; overflow: hidden; word-break: break-all; } - /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 237, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon.collapsed { width: 11px; font-size: 11px; } - /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 242, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 248, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 252, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 259, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 265, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 271, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; @@ -2014,7 +2014,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; } - /* line 279, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 278, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; @@ -2023,7 +2023,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } -/* line 286, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 285, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #ff9900 !important; color: #ff9900 !important; } @@ -3082,28 +3082,33 @@ label.checkbox.custom { /* line 39, ../../../../general/res/sass/controls/_messages.scss */ .status.block { color: #ccc; - cursor: default; display: inline-block; margin-right: 5px; } - /* line 46, ../../../../general/res/sass/controls/_messages.scss */ + /* line 45, ../../../../general/res/sass/controls/_messages.scss */ .status.block .status-indicator, .status.block .label, .status.block .count { display: inline-block; vertical-align: top; } - /* line 54, ../../../../general/res/sass/controls/_messages.scss */ + /* line 52, ../../../../general/res/sass/controls/_messages.scss */ + .status.block.clickable { + cursor: pointer; } + /* line 53, ../../../../general/res/sass/controls/_messages.scss */ + .status.block:not(.clickable) { + cursor: default; } + /* line 56, ../../../../general/res/sass/controls/_messages.scss */ .status.block.no-icon .status-indicator { display: none; } - /* line 59, ../../../../general/res/sass/controls/_messages.scss */ + /* line 61, ../../../../general/res/sass/controls/_messages.scss */ .status.block.float-right { float: right; } - /* line 63, ../../../../general/res/sass/controls/_messages.scss */ + /* line 65, ../../../../general/res/sass/controls/_messages.scss */ .status.block.subtle { opacity: 0.5; } - /* line 66, ../../../../general/res/sass/controls/_messages.scss */ + /* line 68, ../../../../general/res/sass/controls/_messages.scss */ .status.block .status-indicator { margin-right: 3px; } - /* line 71, ../../../../general/res/sass/controls/_messages.scss */ + /* line 73, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse) .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3123,7 +3128,7 @@ label.checkbox.custom { transition-delay: 1.5s; overflow: hidden; max-width: 0px; } - /* line 78, ../../../../general/res/sass/controls/_messages.scss */ + /* line 80, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3143,7 +3148,7 @@ label.checkbox.custom { transition-delay: 0s; max-width: 450px; width: auto; } - /* line 83, ../../../../general/res/sass/controls/_messages.scss */ + /* line 85, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .count { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3162,16 +3167,16 @@ label.checkbox.custom { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; } - /* line 90, ../../../../general/res/sass/controls/_messages.scss */ + /* line 92, ../../../../general/res/sass/controls/_messages.scss */ .status.block.ok .status-indicator, .status.block.info .status-indicator { color: #60ba7b; } - /* line 94, ../../../../general/res/sass/controls/_messages.scss */ + /* line 96, ../../../../general/res/sass/controls/_messages.scss */ .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator { color: #ffb66c; } - /* line 99, ../../../../general/res/sass/controls/_messages.scss */ + /* line 101, ../../../../general/res/sass/controls/_messages.scss */ .status.block.error .status-indicator { color: #c96b68; } - /* line 102, ../../../../general/res/sass/controls/_messages.scss */ + /* line 104, ../../../../general/res/sass/controls/_messages.scss */ .status.block .count { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -3191,20 +3196,25 @@ label.checkbox.custom { transition-delay: 1.5s; font-weight: bold; opacity: 1; } + /* line 109, ../../../../general/res/sass/controls/_messages.scss */ + .status.block .s-btn, .status.block .s-menu-btn { + padding: 0 3px; + height: auto; + line-height: inherit; } /* Styles for messages and message banners */ -/* line 111, ../../../../general/res/sass/controls/_messages.scss */ +/* line 119, ../../../../general/res/sass/controls/_messages.scss */ .message.block { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; } -/* line 115, ../../../../general/res/sass/controls/_messages.scss */ +/* line 123, ../../../../general/res/sass/controls/_messages.scss */ .message.error { background-color: rgba(255, 60, 0, 0.3); color: #ff8a66; } -/* line 121, ../../../../general/res/sass/controls/_messages.scss */ +/* line 129, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -3233,7 +3243,7 @@ label.checkbox.custom { -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } - /* line 137, ../../../../general/res/sass/controls/_messages.scss */ + /* line 145, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.minimized { -moz-transition-property: left, opacity; -o-transition-property: left, opacity; @@ -3249,11 +3259,11 @@ label.checkbox.custom { transition-timing-function: ease-in-out; left: 0; opacity: 0; } - /* line 145, ../../../../general/res/sass/controls/_messages.scss */ + /* line 153, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new { left: 50%; opacity: 1; } - /* line 148, ../../../../general/res/sass/controls/_messages.scss */ + /* line 156, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new:not(.info) { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -3285,33 +3295,33 @@ label.checkbox.custom { opacity: 0.5; } 100% { opacity: 1; } } - /* line 153, ../../../../general/res/sass/controls/_messages.scss */ + /* line 161, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .banner-elem { -webkit-flex: 0 1 auto; flex: 0 1 auto; margin-left: 5px; } - /* line 157, ../../../../general/res/sass/controls/_messages.scss */ + /* line 165, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner a { display: inline-block; } - /* line 160, ../../../../general/res/sass/controls/_messages.scss */ + /* line 168, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-action { line-height: 15px; padding: 0 5px; } - /* line 164, ../../../../general/res/sass/controls/_messages.scss */ + /* line 172, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .close { cursor: pointer; font-size: 7px; width: 8px; } - /* line 170, ../../../../general/res/sass/controls/_messages.scss */ + /* line 178, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-progress-bar { height: 8px; line-height: 8px; width: 100px; } - /* line 176, ../../../../general/res/sass/controls/_messages.scss */ + /* line 184, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .progress-info { display: none; } -/* line 186, ../../../../general/res/sass/controls/_messages.scss */ +/* line 194, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3328,10 +3338,10 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action:hover { background-color: gray; } - /* line 190, ../../../../general/res/sass/controls/_messages.scss */ + /* line 198, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner a { color: inherit; } - /* line 191, ../../../../general/res/sass/controls/_messages.scss */ + /* line 199, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3352,13 +3362,13 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 195, ../../../../general/res/sass/controls/_messages.scss */ + /* line 203, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close { opacity: 0.5; } - /* line 197, ../../../../general/res/sass/controls/_messages.scss */ + /* line 205, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close:hover { opacity: 1; } - /* line 201, ../../../../general/res/sass/controls/_messages.scss */ + /* line 209, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok, .s-message-banner.info { background-color: #275a36; color: #fff; } @@ -3371,7 +3381,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok .s-action:hover, .s-message-banner.info .s-action:hover { background-color: #275a36; } - /* line 205, ../../../../general/res/sass/controls/_messages.scss */ + /* line 213, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert { background-color: #d26a00; color: #fff; } @@ -3384,7 +3394,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution .s-action:hover, .s-message-banner.warning .s-action:hover, .s-message-banner.alert .s-action:hover { background-color: #d26a00; } - /* line 210, ../../../../general/res/sass/controls/_messages.scss */ + /* line 218, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.error { background-color: #702a28; color: #fff; } @@ -3411,7 +3421,7 @@ label.checkbox.custom { ... same as above bottom-bar */ -/* line 252, ../../../../general/res/sass/controls/_messages.scss */ +/* line 260, ../../../../general/res/sass/controls/_messages.scss */ .l-message { display: -webkit-flex; display: flex; @@ -3419,52 +3429,52 @@ label.checkbox.custom { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; } - /* line 256, ../../../../general/res/sass/controls/_messages.scss */ + /* line 264, ../../../../general/res/sass/controls/_messages.scss */ .l-message .type-icon.message-type { -webkit-flex: 0 1 auto; flex: 0 1 auto; position: relative; } - /* line 261, ../../../../general/res/sass/controls/_messages.scss */ + /* line 269, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents { -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-left: 25px; position: relative; } - /* line 267, ../../../../general/res/sass/controls/_messages.scss */ + /* line 275, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents .top-bar, .l-message .message-contents .message-body { margin-bottom: 20px; } -/* line 216, ../../../../general/res/sass/controls/_messages.scss */ +/* line 224, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type { text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px; color: #ccc; font-size: 80px; padding: 1px; width: 82px; } - /* line 218, ../../../../general/res/sass/controls/_messages.scss */ + /* line 226, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type:before { content: "\e608"; } -/* line 225, ../../../../general/res/sass/controls/_messages.scss */ +/* line 233, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type { color: #60ba7b; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 229, ../../../../general/res/sass/controls/_messages.scss */ +/* line 237, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type { color: #ffb66c; } - /* line 230, ../../../../general/res/sass/controls/_messages.scss */ + /* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 241, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type { color: #c96b68; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 242, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type:before { content: "\21"; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 280, ../../../../general/res/sass/controls/_messages.scss */ + /* line 288, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .l-message, .t-message-single .bottom-bar { overflow: hidden; @@ -3475,40 +3485,40 @@ label.checkbox.custom { left: 0px; width: auto; height: auto; } - /* line 285, ../../../../general/res/sass/controls/_messages.scss */ + /* line 293, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .bottom-bar { top: auto; height: 24px; } } -/* line 216, ../../../../general/res/sass/controls/_messages.scss */ +/* line 224, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type { text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px; color: #ccc; font-size: 32px; padding: 1px; width: 34px; } - /* line 218, ../../../../general/res/sass/controls/_messages.scss */ + /* line 226, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type:before { content: "\e608"; } -/* line 225, ../../../../general/res/sass/controls/_messages.scss */ +/* line 233, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type { color: #60ba7b; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 229, ../../../../general/res/sass/controls/_messages.scss */ +/* line 237, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type { color: #ffb66c; } - /* line 230, ../../../../general/res/sass/controls/_messages.scss */ + /* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 241, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type { color: #c96b68; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 242, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type:before { content: "\21"; } -/* line 297, ../../../../general/res/sass/controls/_messages.scss */ +/* line 305, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3516,26 +3526,26 @@ label.checkbox.custom { background: rgba(102, 102, 102, 0.1); margin-bottom: 5px; padding: 10px; } - /* line 304, ../../../../general/res/sass/controls/_messages.scss */ + /* line 311, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents, .t-message-list .message-contents .l-message .bottom-bar { position: relative; } - /* line 310, ../../../../general/res/sass/controls/_messages.scss */ + /* line 317, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents { font-size: 0.9em; margin-left: 10px; } - /* line 313, ../../../../general/res/sass/controls/_messages.scss */ + /* line 320, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .message-action { color: #999999; } - /* line 314, ../../../../general/res/sass/controls/_messages.scss */ + /* line 321, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .bottom-bar { text-align: left; } - /* line 317, ../../../../general/res/sass/controls/_messages.scss */ + /* line 324, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .message-body { margin-bottom: 10px; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 325, ../../../../general/res/sass/controls/_messages.scss */ + /* line 332, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { margin-right: 10px; } } From ebf501ce713f4bf2107c41437aeadd7183b8c3a0 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Fri, 19 Feb 2016 17:59:32 -0800 Subject: [PATCH 2/3] [Frontend] Markup and CSS related to indicators; hover styles open #442 https://github.jpl.nasa.gov/MissionControl/vista/issues/293 s-btn hover styling cleaned up; Spacing, styles, etc. for indicators refined; Constants, colors added to, cleaned up and normalized; Animation code in _effects refactored; --- .../commonUI/general/res/sass/_effects.scss | 46 +- .../commonUI/general/res/sass/_mixins.scss | 19 +- .../general/res/sass/controls/_buttons.scss | 10 +- .../general/res/sass/controls/_messages.scss | 11 +- .../espresso/res/css/theme-espresso.css | 396 ++++++++---------- .../themes/espresso/res/sass/_constants.scss | 15 +- .../themes/espresso/res/sass/_mixins.scss | 4 +- .../themes/snow/res/css/theme-snow.css | 342 ++++++++------- .../themes/snow/res/sass/_constants.scss | 15 +- .../themes/snow/res/sass/_mixins.scss | 4 +- 10 files changed, 402 insertions(+), 460 deletions(-) diff --git a/platform/commonUI/general/res/sass/_effects.scss b/platform/commonUI/general/res/sass/_effects.scss index ed740b9bcb..0b3ac3a8d6 100644 --- a/platform/commonUI/general/res/sass/_effects.scss +++ b/platform/commonUI/general/res/sass/_effects.scss @@ -39,39 +39,35 @@ a.disabled { @include test(); } -@mixin customKeyframes($animName: pulse, $op0: 0.5) { - @include keyframes($animName) { - 0% { opacity: $op0; } - 100% { opacity: 1; } - } - @include animation-name(pulse, 0.2); -} - -@mixin pulse($dur: 500ms, $iteration: infinite, $opacity0: 0.5, $opacity100: 1) { - @include keyframes(pulse) { +@mixin pulse($animName: pulse, $dur: 500ms, $iteration: infinite, $opacity0: 0.5, $opacity100: 1) { + @include keyframes($animName) { 0% { opacity: $opacity0; } 100% { opacity: $opacity100; } } - @include animation-name(pulse); + @include animation-name($animName); @include animation-duration($dur); @include animation-direction(alternate); @include animation-iteration-count($iteration); @include animation-timing-function(ease-in-out); } -@mixin pulseBorder($c: red, $dur: 500ms, $iteration: infinite, $delay: 0s, $opacity0: 0, $opacity100: 1) { - @include keyframes(pulseBorder) { - 0% { border-color: rgba($c, $opacity0); } - 100% { border-color: rgba($c, $opacity100); } - } - @include animation-name(pulseBorder); - @include animation-duration($dur); - @include animation-direction(alternate); - @include animation-iteration-count($iteration); - @include animation-timing-function(ease); - @include animation-delay($delay); +.pulse { + @include pulse($animName: pulse, $dur: 750ms); } -.pulse { - @include pulse(750ms); -} \ No newline at end of file +.pulse-subtle { + @include pulse($animName: pulse-subtle, $dur: 500ms, $opacity0: 0.7); +} + +@mixin pulseBorder($c: red, $dur: 500ms, $iteration: infinite, $delay: 0s, $opacity0: 0, $opacity100: 1) { + @include keyframes(pulseBorder) { + 0% { border-color: rgba($c, $opacity0); } + 100% { border-color: rgba($c, $opacity100); } + } + @include animation-name(pulseBorder); + @include animation-duration($dur); + @include animation-direction(alternate); + @include animation-iteration-count($iteration); + @include animation-timing-function(ease); + @include animation-delay($delay); +} diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss index c3763e217b..c1fd977a19 100644 --- a/platform/commonUI/general/res/sass/_mixins.scss +++ b/platform/commonUI/general/res/sass/_mixins.scss @@ -297,21 +297,20 @@ display: inline-block; } -@mixin btnBase($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) { +@mixin btnBase($bg: $colorBodyBg, $bgHovColor: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) { @include user-select(none); - @include transition(background, .25s); .icon { color: $ic; } @include desktop { - @if $bgHov != none { - &:not(.disabled):hover { - @include background-image($bgHov); - >.icon { - color: lighten($ic, $ltGamma); - } - } - } + @if $bgHovColor != none { + &:not(.disabled):hover { + background: $bgHovColor; // was just background, and background-image before that + >.icon { + color: lighten($ic, $ltGamma); + } + } + } } } diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss index c999828ee9..6c217d0ef0 100644 --- a/platform/commonUI/general/res/sass/controls/_buttons.scss +++ b/platform/commonUI/general/res/sass/controls/_buttons.scss @@ -66,7 +66,7 @@ $pad: $interiorMargin * $baseRatio; &:not(.major) { // bg, bgHov, fg, ic - @include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon); + @include btnSubtle($colorBtnBg, $colorBtnBgHov, $colorBtnFg, $colorBtnIcon); } &.pause-play { @@ -91,7 +91,7 @@ $pad: $interiorMargin * $baseRatio; &.paused { @include btnSubtle($colorPausedBg, pushBack($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg); .icon { - @include pulse(1000ms); + @include pulse($dur: 1000ms); :before { content: "\0000EF"; } @@ -269,14 +269,16 @@ $pad: $interiorMargin * $baseRatio; } .first { - .s-btn { + .s-btn, + &.s-btn { @include border-left-radius($controlCr); margin-left: 0; } } .last { - .s-btn { + .s-btn, + &.s-btn { @include border-right-radius($controlCr); } } diff --git a/platform/commonUI/general/res/sass/controls/_messages.scss b/platform/commonUI/general/res/sass/controls/_messages.scss index 285d17f4cc..bdd9b7270a 100644 --- a/platform/commonUI/general/res/sass/controls/_messages.scss +++ b/platform/commonUI/general/res/sass/controls/_messages.scss @@ -62,9 +62,6 @@ float: right; } - &.subtle { - opacity: 0.5; - } .status-indicator { margin-right: $interiorMarginSm; } @@ -79,7 +76,7 @@ &:hover { .label { @include trans-prop-nice(max-width, $transSpeed, 0s); - max-width: 450px; + max-width: 600px; width: auto; } .count { @@ -107,8 +104,8 @@ opacity: 1; } .s-btn { - //background: orange; - padding: 0 $interiorMarginSm; + background: $colorStatusBtnBg; + padding: 0 $interiorMargin; height: auto; line-height: inherit; } @@ -154,7 +151,7 @@ left: 50%; opacity: 1; &:not(.info) { - @include pulse(100ms, 10); + @include pulse($dur: 100ms, $iteration: 10); } } diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 7c4d057d1b..ddd4e1f0ff 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -248,7 +248,7 @@ a.disabled { .test { background-color: rgba(255, 204, 0, 0.2) !important; } -/* line 75, ../../../../general/res/sass/_effects.scss */ +/* line 54, ../../../../general/res/sass/_effects.scss */ .pulse { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -280,6 +280,38 @@ a.disabled { opacity: 0.5; } 100% { opacity: 1; } } +/* line 58, ../../../../general/res/sass/_effects.scss */ +.pulse-subtle { + -moz-animation-name: pulse-subtle; + -webkit-animation-name: pulse-subtle; + animation-name: pulse-subtle; + -moz-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -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; } +@-moz-keyframes pulse-subtle { + 0% { + opacity: 0.7; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse-subtle { + 0% { + opacity: 0.7; } + 100% { + opacity: 1; } } +@keyframes pulse-subtle { + 0% { + opacity: 0.7; } + 100% { + opacity: 1; } } /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -1539,8 +1571,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { width: 0.7rem; } /* line 114, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover { - background: rgba(153, 153, 153, 0.1); - color: #cccccc; } + background: #4d4d4d; + color: #b3b3b3; } /* line 117, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { color: #33ccff; } @@ -1709,24 +1741,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff)); - background-image: -moz-linear-gradient(#1ac6ff, #00bfff); - background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); - background-image: linear-gradient(#1ac6ff, #00bfff); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: deepskyblue; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } /* line 67, ../../../../general/res/sass/controls/_buttons.scss */ @@ -1753,24 +1776,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e)); - background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); - background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); - background-image: linear-gradient(#6b6b6b, #5e5e5e); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #5e5e5e; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: #33ccff; } } /* line 74, ../../../../general/res/sass/controls/_buttons.scss */ @@ -1812,24 +1826,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe9815), color-stop(100%, #f88c01)); - background-image: -moz-linear-gradient(#fe9815, #f88c01); - background-image: -webkit-linear-gradient(#fe9815, #f88c01); - background-image: linear-gradient(#fe9815, #f88c01); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #925201; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } /* line 93, ../../../../general/res/sass/controls/_buttons.scss */ @@ -1906,10 +1911,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { height: 24px; width: 9px; text-align: center; } - /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:hover { color: #0099cc; } - /* line 147, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed { background-color: #454545; -moz-border-radius: 3px; @@ -1933,40 +1938,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { color: #0099cc; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e)); - background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); - background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); - background-image: linear-gradient(#6b6b6b, #5e5e5e); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #0099cc; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: #33ccff; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 150, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:before { opacity: 0; } - /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:after { opacity: 1; } - /* line 153, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:before { opacity: 1; } - /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:after { opacity: 0; } - /* line 159, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before, .mini-tab:after { -moz-transition-property: left, right, opacity; -o-transition-property: left, right, opacity; @@ -1987,22 +1983,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { display: block; height: 100%; position: absolute; } - /* line 168, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before { width: 9px; } - /* line 174, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:after { width: 100%; text-align: center; opacity: 0; } - /* line 181, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left { text-align: right; } - /* line 184, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left:before { content: '\3c'; right: 0; } - /* line 189, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; @@ -2011,21 +2007,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; text-align: left; } - /* line 192, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 196, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:hover:before { left: 2px; } - /* line 199, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right { text-align: left; } - /* line 202, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right:before { content: '\3e'; left: 0; } - /* line 207, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; @@ -2033,17 +2029,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } - /* line 209, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:before { text-align: right; content: '\3c'; right: 0; } - /* line 214, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:hover:before { right: 2px; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 220, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon { color: #595959; cursor: pointer; @@ -2056,32 +2052,32 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 9px; overflow: hidden; word-break: break-all; } - /* line 237, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon.collapsed { width: 11px; font-size: 11px; } - /* line 242, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 248, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 252, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 259, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 265, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 271, ../../../../general/res/sass/controls/_buttons.scss */ - .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { + /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ + .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn, .l-btn-set .first.s-btn, .l-btn-set .first.s-menu-btn { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; @@ -2089,8 +2085,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 0; } - /* line 278, ../../../../general/res/sass/controls/_buttons.scss */ - .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { + /* line 280, ../../../../general/res/sass/controls/_buttons.scss */ + .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn, .l-btn-set .last.s-btn, .l-btn-set .last.s-menu-btn { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; @@ -2098,7 +2094,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 285, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 288, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #c56f01 !important; color: #c56f01 !important; } @@ -2955,7 +2951,7 @@ label.checkbox.custom { .menu ul { margin: 0; padding: 0; } - /* line 360, ../../../../general/res/sass/_mixins.scss */ + /* line 359, ../../../../general/res/sass/_mixins.scss */ .menu ul li { list-style-type: none; margin: 0; @@ -3184,12 +3180,9 @@ label.checkbox.custom { .status.block.float-right { float: right; } /* line 65, ../../../../general/res/sass/controls/_messages.scss */ - .status.block.subtle { - opacity: 0.5; } - /* line 68, ../../../../general/res/sass/controls/_messages.scss */ .status.block .status-indicator { margin-right: 3px; } - /* line 73, ../../../../general/res/sass/controls/_messages.scss */ + /* line 70, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse) .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3209,7 +3202,7 @@ label.checkbox.custom { transition-delay: 1.5s; overflow: hidden; max-width: 0px; } - /* line 80, ../../../../general/res/sass/controls/_messages.scss */ + /* line 77, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3227,9 +3220,9 @@ label.checkbox.custom { -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; - max-width: 450px; + max-width: 600px; width: auto; } - /* line 85, ../../../../general/res/sass/controls/_messages.scss */ + /* line 82, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .count { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3248,16 +3241,16 @@ label.checkbox.custom { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; } - /* line 92, ../../../../general/res/sass/controls/_messages.scss */ + /* line 89, ../../../../general/res/sass/controls/_messages.scss */ .status.block.ok .status-indicator, .status.block.info .status-indicator { color: #62ba72; } - /* line 96, ../../../../general/res/sass/controls/_messages.scss */ + /* line 93, ../../../../general/res/sass/controls/_messages.scss */ .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator { color: #ffa66d; } - /* line 101, ../../../../general/res/sass/controls/_messages.scss */ + /* line 98, ../../../../general/res/sass/controls/_messages.scss */ .status.block.error .status-indicator { color: #d4585c; } - /* line 104, ../../../../general/res/sass/controls/_messages.scss */ + /* line 101, ../../../../general/res/sass/controls/_messages.scss */ .status.block .count { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -3277,25 +3270,26 @@ label.checkbox.custom { transition-delay: 1.5s; font-weight: bold; opacity: 1; } - /* line 109, ../../../../general/res/sass/controls/_messages.scss */ + /* line 106, ../../../../general/res/sass/controls/_messages.scss */ .status.block .s-btn, .status.block .s-menu-btn { - padding: 0 3px; + background: #454545; + padding: 0 5px; height: auto; line-height: inherit; } /* Styles for messages and message banners */ -/* line 119, ../../../../general/res/sass/controls/_messages.scss */ +/* line 116, ../../../../general/res/sass/controls/_messages.scss */ .message.block { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; } -/* line 123, ../../../../general/res/sass/controls/_messages.scss */ +/* line 120, ../../../../general/res/sass/controls/_messages.scss */ .message.error { background-color: rgba(255, 60, 0, 0.3); color: #ff8a66; } -/* line 129, ../../../../general/res/sass/controls/_messages.scss */ +/* line 126, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -3324,7 +3318,7 @@ label.checkbox.custom { -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } - /* line 145, ../../../../general/res/sass/controls/_messages.scss */ + /* line 142, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.minimized { -moz-transition-property: left, opacity; -o-transition-property: left, opacity; @@ -3340,11 +3334,11 @@ label.checkbox.custom { transition-timing-function: ease-in-out; left: 0; opacity: 0; } - /* line 153, ../../../../general/res/sass/controls/_messages.scss */ + /* line 150, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new { left: 50%; opacity: 1; } - /* line 156, ../../../../general/res/sass/controls/_messages.scss */ + /* line 153, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new:not(.info) { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -3376,33 +3370,33 @@ label.checkbox.custom { opacity: 0.5; } 100% { opacity: 1; } } - /* line 161, ../../../../general/res/sass/controls/_messages.scss */ + /* line 158, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .banner-elem { -webkit-flex: 0 1 auto; flex: 0 1 auto; margin-left: 5px; } - /* line 165, ../../../../general/res/sass/controls/_messages.scss */ + /* line 162, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner a { display: inline-block; } - /* line 168, ../../../../general/res/sass/controls/_messages.scss */ + /* line 165, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-action { line-height: 15px; padding: 0 5px; } - /* line 172, ../../../../general/res/sass/controls/_messages.scss */ + /* line 169, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .close { cursor: pointer; font-size: 7px; width: 8px; } - /* line 178, ../../../../general/res/sass/controls/_messages.scss */ + /* line 175, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-progress-bar { height: 8px; line-height: 8px; width: 100px; } - /* line 184, ../../../../general/res/sass/controls/_messages.scss */ + /* line 181, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .progress-info { display: none; } -/* line 194, ../../../../general/res/sass/controls/_messages.scss */ +/* line 191, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -3419,10 +3413,10 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action:hover { background-color: gray; } - /* line 198, ../../../../general/res/sass/controls/_messages.scss */ + /* line 195, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner a { color: inherit; } - /* line 199, ../../../../general/res/sass/controls/_messages.scss */ + /* line 196, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -3443,13 +3437,13 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 203, ../../../../general/res/sass/controls/_messages.scss */ + /* line 200, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close { opacity: 0.5; } - /* line 205, ../../../../general/res/sass/controls/_messages.scss */ + /* line 202, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close:hover { opacity: 1; } - /* line 209, ../../../../general/res/sass/controls/_messages.scss */ + /* line 206, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok, .s-message-banner.info { background-color: #285b31; color: #ccc; } @@ -3462,7 +3456,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok .s-action:hover, .s-message-banner.info .s-action:hover { background-color: #285b31; } - /* line 213, ../../../../general/res/sass/controls/_messages.scss */ + /* line 210, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert { background-color: #d35200; color: #ccc; } @@ -3475,7 +3469,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution .s-action:hover, .s-message-banner.warning .s-action:hover, .s-message-banner.alert .s-action:hover { background-color: #d35200; } - /* line 218, ../../../../general/res/sass/controls/_messages.scss */ + /* line 215, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.error { background-color: #751e21; color: #ccc; } @@ -3502,7 +3496,7 @@ label.checkbox.custom { ... same as above bottom-bar */ -/* line 260, ../../../../general/res/sass/controls/_messages.scss */ +/* line 257, ../../../../general/res/sass/controls/_messages.scss */ .l-message { display: -webkit-flex; display: flex; @@ -3510,52 +3504,52 @@ label.checkbox.custom { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; } - /* line 264, ../../../../general/res/sass/controls/_messages.scss */ + /* line 261, ../../../../general/res/sass/controls/_messages.scss */ .l-message .type-icon.message-type { -webkit-flex: 0 1 auto; flex: 0 1 auto; position: relative; } - /* line 269, ../../../../general/res/sass/controls/_messages.scss */ + /* line 266, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents { -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-left: 25px; position: relative; } - /* line 275, ../../../../general/res/sass/controls/_messages.scss */ + /* line 272, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents .top-bar, .l-message .message-contents .message-body { margin-bottom: 20px; } -/* line 224, ../../../../general/res/sass/controls/_messages.scss */ +/* line 221, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type { text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; color: #ccc; font-size: 80px; padding: 1px; width: 82px; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 223, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type:before { content: "\e608"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 230, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type { color: #62ba72; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 231, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 237, ../../../../general/res/sass/controls/_messages.scss */ +/* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type { color: #ffa66d; } - /* line 238, ../../../../general/res/sass/controls/_messages.scss */ + /* line 235, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 241, ../../../../general/res/sass/controls/_messages.scss */ +/* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type { color: #d4585c; } - /* line 242, ../../../../general/res/sass/controls/_messages.scss */ + /* line 239, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type:before { content: "\21"; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 288, ../../../../general/res/sass/controls/_messages.scss */ + /* line 285, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .l-message, .t-message-single .bottom-bar { overflow: hidden; @@ -3566,40 +3560,40 @@ label.checkbox.custom { left: 0px; width: auto; height: auto; } - /* line 293, ../../../../general/res/sass/controls/_messages.scss */ + /* line 290, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .bottom-bar { top: auto; height: 24px; } } -/* line 224, ../../../../general/res/sass/controls/_messages.scss */ +/* line 221, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type { text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px; color: #ccc; font-size: 32px; padding: 1px; width: 34px; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 223, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type:before { content: "\e608"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 230, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type { color: #62ba72; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 231, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 237, ../../../../general/res/sass/controls/_messages.scss */ +/* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type { color: #ffa66d; } - /* line 238, ../../../../general/res/sass/controls/_messages.scss */ + /* line 235, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 241, ../../../../general/res/sass/controls/_messages.scss */ +/* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type { color: #d4585c; } - /* line 242, ../../../../general/res/sass/controls/_messages.scss */ + /* line 239, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type:before { content: "\21"; } -/* line 305, ../../../../general/res/sass/controls/_messages.scss */ +/* line 302, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -3607,26 +3601,26 @@ label.checkbox.custom { background: rgba(230, 230, 230, 0.1); margin-bottom: 5px; padding: 10px; } - /* line 311, ../../../../general/res/sass/controls/_messages.scss */ + /* line 308, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents, .t-message-list .message-contents .l-message .bottom-bar { position: relative; } - /* line 317, ../../../../general/res/sass/controls/_messages.scss */ + /* line 314, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents { font-size: 0.9em; margin-left: 10px; } - /* line 320, ../../../../general/res/sass/controls/_messages.scss */ + /* line 317, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .message-action { color: #b3b3b3; } - /* line 321, ../../../../general/res/sass/controls/_messages.scss */ + /* line 318, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .bottom-bar { text-align: left; } - /* line 324, ../../../../general/res/sass/controls/_messages.scss */ + /* line 321, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .message-body { margin-bottom: 10px; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 332, ../../../../general/res/sass/controls/_messages.scss */ + /* line 329, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { margin-right: 10px; } } @@ -4029,7 +4023,7 @@ mct-include.l-time-controller { padding: 0 3px; position: relative; height: 150px; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ .form .form-row .selector-list.error { background: rgba(255, 0, 0, 0.5); } /* line 119, ../../../../general/res/sass/forms/_elems.scss */ @@ -4087,7 +4081,7 @@ input[type="search"] { color: #cccccc; outline: none; padding: 0 3px; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ input[type="text"].error, input[type="search"].error { background: rgba(255, 0, 0, 0.5); } @@ -4117,7 +4111,7 @@ textarea { position: absolute; height: 100%; width: 100%; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ textarea.error { background: rgba(255, 0, 0, 0.5); } @@ -4166,31 +4160,15 @@ textarea { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; margin: 0 0 2px 0; padding: 0 5px; overflow: hidden; position: relative; line-height: 22px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .select .icon, .select .t-item-icon { color: #0099cc; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ - .select:not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e)); - background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); - background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); - background-image: linear-gradient(#6b6b6b, #5e5e5e); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ - .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon { - color: #33ccff; } } /* line 31, ../../../../general/res/sass/forms/_selects.scss */ .select select { -moz-appearance: none; @@ -4270,7 +4248,7 @@ textarea { max-height: 400px; overflow: auto; padding: 5px; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ .channel-selector .treeview.error { background: rgba(255, 0, 0, 0.5); } /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ @@ -4657,7 +4635,7 @@ span.req { border: none; color: #cccccc; outline: none; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ .s-filter input[type="search"].error { background: rgba(255, 0, 0, 0.5); } /* line 135, ../../../../general/res/sass/forms/_filter.scss */ @@ -5927,24 +5905,15 @@ span.req { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a6a6a6), color-stop(100%, #999999)); - background-image: -moz-linear-gradient(#a6a6a6, #999999); - background-image: -webkit-linear-gradient(#a6a6a6, #999999); - background-image: linear-gradient(#a6a6a6, #999999); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #999999; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; } } /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */ @@ -6104,7 +6073,7 @@ ul.tree { -ms-user-select: none; -webkit-user-select: none; user-select: none; } - /* line 360, ../../../../general/res/sass/_mixins.scss */ + /* line 359, ../../../../general/res/sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; @@ -6216,8 +6185,8 @@ ul.tree { /* line 99, ../../../../general/res/sass/tree/_tree.scss */ .tree-item:not(.selected):hover, .search-result-item:not(.selected):hover { - background: rgba(153, 153, 153, 0.1); - color: #cccccc; } + background: #4d4d4d; + color: #b3b3b3; } /* line 102, ../../../../general/res/sass/tree/_tree.scss */ .tree-item:not(.selected):hover .t-item-icon, .search-result-item:not(.selected):hover .t-item-icon { @@ -7445,10 +7414,6 @@ table { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; box-sizing: border-box; cursor: pointer; @@ -7458,19 +7423,14 @@ table { margin-bottom: 3px; margin-right: 3px; position: relative; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959)); - background-image: -moz-linear-gradient(#666666, #595959); - background-image: -webkit-linear-gradient(#666666, #595959); - background-image: linear-gradient(#666666, #595959); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #595959; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon { color: #33ccff; } } /* line 44, ../../../../general/res/sass/items/_item.scss */ @@ -7595,27 +7555,11 @@ table { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; color: #80dfff; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon { color: #0099cc; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ - .items-holder .item.grid-item.selected:not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff)); - background-image: -moz-linear-gradient(#1ac6ff, #00bfff); - background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); - background-image: linear-gradient(#1ac6ff, #00bfff); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ - .items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon { - color: #33ccff; } } /* line 126, ../../../../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), .items-holder .item.grid-item.selected .top-bar .t-item-icon:not(.alert) { color: #80dfff; } diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss index 5f9cb56fc0..4511a83338 100644 --- a/platform/commonUI/themes/espresso/res/sass/_constants.scss +++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss @@ -12,12 +12,14 @@ $colorInteriorBorder: rgba($colorBodyFg, 0.1); $colorA: #ccc; $colorAHov: #fff; $contrastRatioPercent: 7%; +$hoverRatioPercent: 10%; $basicCr: 3px; $controlCr: 3px; $smallCr: 2px; // Buttons and Controls -$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); // +$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); +$colorBtnBgHov: pullForward($colorBtnBg, $hoverRatioPercent); $colorBtnFg: $colorBodyFg; $colorBtnMajorBg: $colorKey; $colorBtnMajorFg: $colorKeyFg; @@ -54,7 +56,7 @@ $colorTick: rgba(white, 0.2); $colorMenuBg: pullForward($colorBodyBg, 23%); $colorMenuFg: pullForward($colorMenuBg, 70%); $colorMenuIc: pullForward($colorKey, 17%); -$colorMenuHovBg: pullForward($colorMenuBg, 10%); +$colorMenuHovBg: pullForward($colorMenuBg, $hoverRatioPercent); $colorMenuHovFg: #fff; $colorMenuHovIc: $colorMenuHovFg; $shdwMenu: none; @@ -89,6 +91,7 @@ $colorStatusDefault: #ccc; $colorStatusInfo: #62ba72; $colorStatusAlert: #ffa66d; $colorStatusError: #d4585c; +$colorStatusBtnBg: $colorBtnBg; $colorProgressBarOuter: rgba(#000, 0.1); $colorProgressBarAmt: $colorKey; $progressBarHOverlay: 15px; @@ -123,7 +126,7 @@ $colorOvrBtnFg: #fff; // Items $colorItemBg: lighten($colorBodyBg, 5%); -$colorItemBgHov: pullForward($colorItemBg, 15%); +$colorItemBgHov: pullForward($colorItemBg, $hoverRatioPercent); $colorItemFg: lighten($colorItemBg, 50%); $colorItemFgDetails: lighten($colorItemBg, 30%); $colorItemIc: $colorKey; @@ -149,8 +152,8 @@ $colorPlotAreaBorder: $colorInteriorBorder; $colorPlotLabelFg: pushBack($colorPlotFg, 20%); // Tree -$colorItemTreeHoverBg: rgba($colorBodyFg, 0.1); -$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%); +$colorItemTreeHoverBg: pullForward($colorBodyBg, $hoverRatioPercent); +$colorItemTreeHoverFg: pullForward($colorBodyFg, $hoverRatioPercent); $colorItemTreeIcon: $colorKey; $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); $colorItemTreeVCHover: $colorAlt1; @@ -165,10 +168,10 @@ $shdwItemTreeIcon: 0.6; // Scrollbar $scrollbarTrackSize: 10px; +$scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px; $scrollbarTrackColorBg: rgba(#000, 0.4); $scrollbarThumbColor: lighten($colorBodyBg, 10%); $scrollbarThumbColorHov: lighten($scrollbarThumbColor, 2%); -$scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px; // Splitter $splitterD: 25px; // splitterD and HandleD should both be odd, or even diff --git a/platform/commonUI/themes/espresso/res/sass/_mixins.scss b/platform/commonUI/themes/espresso/res/sass/_mixins.scss index b196557ba3..a247ec4cd1 100644 --- a/platform/commonUI/themes/espresso/res/sass/_mixins.scss +++ b/platform/commonUI/themes/espresso/res/sass/_mixins.scss @@ -4,9 +4,9 @@ @include boxShdw($shdwBtns); } -@mixin btnSubtle($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) { +@mixin btnSubtle($bg: $colorBodyBg, $bgHovColor: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) { @include containerSubtle($bg, $fg); - @include btnBase($bg, linear-gradient(lighten($bg, 15%), lighten($bg, 10%)), $fg, $ic); + @include btnBase($bg, $bgHovColor, $fg, $ic); @include text-shadow($shdwItemText); } diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 009976a684..0976ec451c 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -248,7 +248,7 @@ a.disabled { .test { background-color: rgba(255, 204, 0, 0.2) !important; } -/* line 75, ../../../../general/res/sass/_effects.scss */ +/* line 54, ../../../../general/res/sass/_effects.scss */ .pulse { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -280,6 +280,38 @@ a.disabled { opacity: 0.5; } 100% { opacity: 1; } } +/* line 58, ../../../../general/res/sass/_effects.scss */ +.pulse-subtle { + -moz-animation-name: pulse-subtle; + -webkit-animation-name: pulse-subtle; + animation-name: pulse-subtle; + -moz-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -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; } +@-moz-keyframes pulse-subtle { + 0% { + opacity: 0.7; } + 100% { + opacity: 1; } } +@-webkit-keyframes pulse-subtle { + 0% { + opacity: 0.7; } + 100% { + opacity: 1; } } +@keyframes pulse-subtle { + 0% { + opacity: 0.7; } + 100% { + opacity: 1; } } /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -1520,8 +1552,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { width: 0.7rem; } /* line 114, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover { - background: rgba(102, 102, 102, 0.1); - color: #333333; } + background: #e3e3e3; + color: #4d4d4d; } /* line 117, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { color: #0099cc; } @@ -1681,19 +1713,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { - background-image: deepskyblue; } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: deepskyblue; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } /* line 67, ../../../../general/res/sass/controls/_buttons.scss */ @@ -1711,19 +1739,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { color: #eee; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { - background-image: #0099cc; } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #7d7d7d; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; } } /* line 74, ../../../../general/res/sass/controls/_buttons.scss */ @@ -1756,19 +1780,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { - background-image: #ffad33; } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #ffad33; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; } } /* line 93, ../../../../general/res/sass/controls/_buttons.scss */ @@ -1845,10 +1865,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { height: 24px; width: 9px; text-align: center; } - /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:hover { color: #0099cc; } - /* line 147, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed { background-color: #969696; -moz-border-radius: 4px; @@ -1863,35 +1883,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { color: #eee; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover { - background-image: #0099cc; } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #0099cc; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: white; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 150, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:before { opacity: 0; } - /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:after { opacity: 1; } - /* line 153, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:before { opacity: 1; } - /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.collapsed:hover:after { opacity: 0; } - /* line 159, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before, .mini-tab:after { -moz-transition-property: left, right, opacity; -o-transition-property: left, right, opacity; @@ -1912,22 +1928,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { display: block; height: 100%; position: absolute; } - /* line 168, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:before { width: 9px; } - /* line 174, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab:after { width: 100%; text-align: center; opacity: 0; } - /* line 181, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left { text-align: right; } - /* line 184, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left:before { content: '\3c'; right: 0; } - /* line 189, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; @@ -1936,21 +1952,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; text-align: left; } - /* line 192, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 196, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-left.collapsed:hover:before { left: 2px; } - /* line 199, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right { text-align: left; } - /* line 202, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right:before { content: '\3e'; left: 0; } - /* line 207, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; @@ -1958,17 +1974,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } - /* line 209, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:before { text-align: right; content: '\3c'; right: 0; } - /* line 214, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab.anchor-right.collapsed:hover:before { right: 2px; } } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 220, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon { color: #d6d6d6; cursor: pointer; @@ -1981,32 +1997,32 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { line-height: 9px; overflow: hidden; word-break: break-all; } - /* line 237, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon.collapsed { width: 11px; font-size: 11px; } - /* line 242, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 248, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 252, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 259, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 265, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 271, ../../../../general/res/sass/controls/_buttons.scss */ - .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { + /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ + .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn, .l-btn-set .first.s-btn, .l-btn-set .first.s-menu-btn { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; @@ -2014,8 +2030,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; } - /* line 278, ../../../../general/res/sass/controls/_buttons.scss */ - .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { + /* line 280, ../../../../general/res/sass/controls/_buttons.scss */ + .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn, .l-btn-set .last.s-btn, .l-btn-set .last.s-menu-btn { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; @@ -2023,7 +2039,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } -/* line 285, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 288, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #ff9900 !important; color: #ff9900 !important; } @@ -2874,7 +2890,7 @@ label.checkbox.custom { .menu ul { margin: 0; padding: 0; } - /* line 360, ../../../../general/res/sass/_mixins.scss */ + /* line 359, ../../../../general/res/sass/_mixins.scss */ .menu ul li { list-style-type: none; margin: 0; @@ -3103,12 +3119,9 @@ label.checkbox.custom { .status.block.float-right { float: right; } /* line 65, ../../../../general/res/sass/controls/_messages.scss */ - .status.block.subtle { - opacity: 0.5; } - /* line 68, ../../../../general/res/sass/controls/_messages.scss */ .status.block .status-indicator { margin-right: 3px; } - /* line 73, ../../../../general/res/sass/controls/_messages.scss */ + /* line 70, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse) .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3128,7 +3141,7 @@ label.checkbox.custom { transition-delay: 1.5s; overflow: hidden; max-width: 0px; } - /* line 80, ../../../../general/res/sass/controls/_messages.scss */ + /* line 77, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .label { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3146,9 +3159,9 @@ label.checkbox.custom { -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; - max-width: 450px; + max-width: 600px; width: auto; } - /* line 85, ../../../../general/res/sass/controls/_messages.scss */ + /* line 82, ../../../../general/res/sass/controls/_messages.scss */ .status.block:not(.no-collapse):hover .count { -moz-transition-property: max-width; -o-transition-property: max-width; @@ -3167,16 +3180,16 @@ label.checkbox.custom { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; } - /* line 92, ../../../../general/res/sass/controls/_messages.scss */ + /* line 89, ../../../../general/res/sass/controls/_messages.scss */ .status.block.ok .status-indicator, .status.block.info .status-indicator { color: #60ba7b; } - /* line 96, ../../../../general/res/sass/controls/_messages.scss */ + /* line 93, ../../../../general/res/sass/controls/_messages.scss */ .status.block.alert .status-indicator, .status.block.warning .status-indicator, .status.block.caution .status-indicator { color: #ffb66c; } - /* line 101, ../../../../general/res/sass/controls/_messages.scss */ + /* line 98, ../../../../general/res/sass/controls/_messages.scss */ .status.block.error .status-indicator { color: #c96b68; } - /* line 104, ../../../../general/res/sass/controls/_messages.scss */ + /* line 101, ../../../../general/res/sass/controls/_messages.scss */ .status.block .count { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -3196,25 +3209,26 @@ label.checkbox.custom { transition-delay: 1.5s; font-weight: bold; opacity: 1; } - /* line 109, ../../../../general/res/sass/controls/_messages.scss */ + /* line 106, ../../../../general/res/sass/controls/_messages.scss */ .status.block .s-btn, .status.block .s-menu-btn { - padding: 0 3px; + background: #666; + padding: 0 5px; height: auto; line-height: inherit; } /* Styles for messages and message banners */ -/* line 119, ../../../../general/res/sass/controls/_messages.scss */ +/* line 116, ../../../../general/res/sass/controls/_messages.scss */ .message.block { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; } -/* line 123, ../../../../general/res/sass/controls/_messages.scss */ +/* line 120, ../../../../general/res/sass/controls/_messages.scss */ .message.error { background-color: rgba(255, 60, 0, 0.3); color: #ff8a66; } -/* line 129, ../../../../general/res/sass/controls/_messages.scss */ +/* line 126, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -3243,7 +3257,7 @@ label.checkbox.custom { -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } - /* line 145, ../../../../general/res/sass/controls/_messages.scss */ + /* line 142, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.minimized { -moz-transition-property: left, opacity; -o-transition-property: left, opacity; @@ -3259,11 +3273,11 @@ label.checkbox.custom { transition-timing-function: ease-in-out; left: 0; opacity: 0; } - /* line 153, ../../../../general/res/sass/controls/_messages.scss */ + /* line 150, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new { left: 50%; opacity: 1; } - /* line 156, ../../../../general/res/sass/controls/_messages.scss */ + /* line 153, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner.new:not(.info) { -moz-animation-name: pulse; -webkit-animation-name: pulse; @@ -3295,33 +3309,33 @@ label.checkbox.custom { opacity: 0.5; } 100% { opacity: 1; } } - /* line 161, ../../../../general/res/sass/controls/_messages.scss */ + /* line 158, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .banner-elem { -webkit-flex: 0 1 auto; flex: 0 1 auto; margin-left: 5px; } - /* line 165, ../../../../general/res/sass/controls/_messages.scss */ + /* line 162, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner a { display: inline-block; } - /* line 168, ../../../../general/res/sass/controls/_messages.scss */ + /* line 165, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-action { line-height: 15px; padding: 0 5px; } - /* line 172, ../../../../general/res/sass/controls/_messages.scss */ + /* line 169, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .close { cursor: pointer; font-size: 7px; width: 8px; } - /* line 178, ../../../../general/res/sass/controls/_messages.scss */ + /* line 175, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .l-progress-bar { height: 8px; line-height: 8px; width: 100px; } - /* line 184, ../../../../general/res/sass/controls/_messages.scss */ + /* line 181, ../../../../general/res/sass/controls/_messages.scss */ .l-message-banner .progress-info { display: none; } -/* line 194, ../../../../general/res/sass/controls/_messages.scss */ +/* line 191, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3338,10 +3352,10 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action:hover { background-color: gray; } - /* line 198, ../../../../general/res/sass/controls/_messages.scss */ + /* line 195, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner a { color: inherit; } - /* line 199, ../../../../general/res/sass/controls/_messages.scss */ + /* line 196, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .s-action { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3362,13 +3376,13 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 203, ../../../../general/res/sass/controls/_messages.scss */ + /* line 200, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close { opacity: 0.5; } - /* line 205, ../../../../general/res/sass/controls/_messages.scss */ + /* line 202, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner .close:hover { opacity: 1; } - /* line 209, ../../../../general/res/sass/controls/_messages.scss */ + /* line 206, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok, .s-message-banner.info { background-color: #275a36; color: #fff; } @@ -3381,7 +3395,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.ok .s-action:hover, .s-message-banner.info .s-action:hover { background-color: #275a36; } - /* line 213, ../../../../general/res/sass/controls/_messages.scss */ + /* line 210, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution, .s-message-banner.warning, .s-message-banner.alert { background-color: #d26a00; color: #fff; } @@ -3394,7 +3408,7 @@ label.checkbox.custom { /* line 33, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.caution .s-action:hover, .s-message-banner.warning .s-action:hover, .s-message-banner.alert .s-action:hover { background-color: #d26a00; } - /* line 218, ../../../../general/res/sass/controls/_messages.scss */ + /* line 215, ../../../../general/res/sass/controls/_messages.scss */ .s-message-banner.error { background-color: #702a28; color: #fff; } @@ -3421,7 +3435,7 @@ label.checkbox.custom { ... same as above bottom-bar */ -/* line 260, ../../../../general/res/sass/controls/_messages.scss */ +/* line 257, ../../../../general/res/sass/controls/_messages.scss */ .l-message { display: -webkit-flex; display: flex; @@ -3429,52 +3443,52 @@ label.checkbox.custom { flex-direction: row; -webkit-align-items: stretch; align-items: stretch; } - /* line 264, ../../../../general/res/sass/controls/_messages.scss */ + /* line 261, ../../../../general/res/sass/controls/_messages.scss */ .l-message .type-icon.message-type { -webkit-flex: 0 1 auto; flex: 0 1 auto; position: relative; } - /* line 269, ../../../../general/res/sass/controls/_messages.scss */ + /* line 266, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents { -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-left: 25px; position: relative; } - /* line 275, ../../../../general/res/sass/controls/_messages.scss */ + /* line 272, ../../../../general/res/sass/controls/_messages.scss */ .l-message .message-contents .top-bar, .l-message .message-contents .message-body { margin-bottom: 20px; } -/* line 224, ../../../../general/res/sass/controls/_messages.scss */ +/* line 221, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type { text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px; color: #ccc; font-size: 80px; padding: 1px; width: 82px; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 223, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .type-icon.message-type:before { content: "\e608"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 230, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type { color: #60ba7b; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 231, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 237, ../../../../general/res/sass/controls/_messages.scss */ +/* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type { color: #ffb66c; } - /* line 238, ../../../../general/res/sass/controls/_messages.scss */ + /* line 235, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 241, ../../../../general/res/sass/controls/_messages.scss */ +/* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type { color: #c96b68; } - /* line 242, ../../../../general/res/sass/controls/_messages.scss */ + /* line 239, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type:before { content: "\21"; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 288, ../../../../general/res/sass/controls/_messages.scss */ + /* line 285, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .l-message, .t-message-single .bottom-bar { overflow: hidden; @@ -3485,40 +3499,40 @@ label.checkbox.custom { left: 0px; width: auto; height: auto; } - /* line 293, ../../../../general/res/sass/controls/_messages.scss */ + /* line 290, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .bottom-bar { top: auto; height: 24px; } } -/* line 224, ../../../../general/res/sass/controls/_messages.scss */ +/* line 221, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type { text-shadow: rgba(255, 255, 255, 0.8) 0 0px 5px; color: #ccc; font-size: 32px; padding: 1px; width: 34px; } - /* line 226, ../../../../general/res/sass/controls/_messages.scss */ + /* line 223, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type:before { content: "\e608"; } -/* line 233, ../../../../general/res/sass/controls/_messages.scss */ +/* line 230, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type { color: #60ba7b; } - /* line 234, ../../../../general/res/sass/controls/_messages.scss */ + /* line 231, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-info .type-icon.message-type:before { content: "\e608"; } -/* line 237, ../../../../general/res/sass/controls/_messages.scss */ +/* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type { color: #ffb66c; } - /* line 238, ../../../../general/res/sass/controls/_messages.scss */ + /* line 235, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-alert .type-icon.message-type:before { content: "\e610"; } -/* line 241, ../../../../general/res/sass/controls/_messages.scss */ +/* line 238, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type { color: #c96b68; } - /* line 242, ../../../../general/res/sass/controls/_messages.scss */ + /* line 239, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-severity-error .type-icon.message-type:before { content: "\21"; } -/* line 305, ../../../../general/res/sass/controls/_messages.scss */ +/* line 302, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -3526,26 +3540,26 @@ label.checkbox.custom { background: rgba(102, 102, 102, 0.1); margin-bottom: 5px; padding: 10px; } - /* line 311, ../../../../general/res/sass/controls/_messages.scss */ + /* line 308, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents, .t-message-list .message-contents .l-message .bottom-bar { position: relative; } - /* line 317, ../../../../general/res/sass/controls/_messages.scss */ + /* line 314, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents { font-size: 0.9em; margin-left: 10px; } - /* line 320, ../../../../general/res/sass/controls/_messages.scss */ + /* line 317, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .message-action { color: #999999; } - /* line 321, ../../../../general/res/sass/controls/_messages.scss */ + /* line 318, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .bottom-bar { text-align: left; } - /* line 324, ../../../../general/res/sass/controls/_messages.scss */ + /* line 321, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .message-body { margin-bottom: 10px; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 332, ../../../../general/res/sass/controls/_messages.scss */ + /* line 329, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message { margin-right: 10px; } } @@ -3948,7 +3962,7 @@ mct-include.l-time-controller { padding: 0 3px; position: relative; height: 150px; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ .form .form-row .selector-list.error { background: rgba(255, 0, 0, 0.5); } /* line 119, ../../../../general/res/sass/forms/_elems.scss */ @@ -4006,7 +4020,7 @@ input[type="search"] { color: #666; outline: none; padding: 0 3px; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ input[type="text"].error, input[type="search"].error { background: rgba(255, 0, 0, 0.5); } @@ -4036,7 +4050,7 @@ textarea { position: absolute; height: 100%; width: 100%; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ textarea.error { background: rgba(255, 0, 0, 0.5); } @@ -4076,16 +4090,12 @@ textarea { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; padding: 0 5px; overflow: hidden; position: relative; line-height: 22px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .select .icon, .select .t-item-icon { color: #eee; } /* line 31, ../../../../general/res/sass/forms/_selects.scss */ @@ -4167,7 +4177,7 @@ textarea { max-height: 400px; overflow: auto; padding: 5px; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ .channel-selector .treeview.error { background: rgba(255, 0, 0, 0.5); } /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ @@ -4554,7 +4564,7 @@ span.req { border: none; color: #666; outline: none; } - /* line 327, ../../../../general/res/sass/_mixins.scss */ + /* line 326, ../../../../general/res/sass/_mixins.scss */ .s-filter input[type="search"].error { background: rgba(255, 0, 0, 0.5); } /* line 135, ../../../../general/res/sass/forms/_filter.scss */ @@ -5806,19 +5816,15 @@ span.req { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { color: #fff; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { - background-image: #7d7d7d; } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #7d7d7d; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; } } /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */ @@ -5978,7 +5984,7 @@ ul.tree { -ms-user-select: none; -webkit-user-select: none; user-select: none; } - /* line 360, ../../../../general/res/sass/_mixins.scss */ + /* line 359, ../../../../general/res/sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; @@ -6089,8 +6095,8 @@ ul.tree { /* line 99, ../../../../general/res/sass/tree/_tree.scss */ .tree-item:not(.selected):hover, .search-result-item:not(.selected):hover { - background: rgba(102, 102, 102, 0.1); - color: #333333; } + background: #e3e3e3; + color: #4d4d4d; } /* line 102, ../../../../general/res/sass/tree/_tree.scss */ .tree-item:not(.selected):hover .t-item-icon, .search-result-item:not(.selected):hover .t-item-icon { @@ -7309,10 +7315,6 @@ table { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; box-sizing: border-box; cursor: pointer; @@ -7322,14 +7324,14 @@ table { margin-bottom: 3px; margin-right: 3px; position: relative; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { color: #0099cc; } @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ + /* line 307, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { - background-image: #d0d0d0; } - /* line 310, ../../../../general/res/sass/_mixins.scss */ + background: #c4c4c4; } + /* line 309, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon { color: #33ccff; } } /* line 44, ../../../../general/res/sass/items/_item.scss */ @@ -7445,13 +7447,9 @@ table { -ms-user-select: none; -webkit-user-select: none; user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; text-shadow: none; color: #80dfff; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ + /* line 302, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon { color: #eee; } /* line 126, ../../../../general/res/sass/items/_item.scss */ diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss index 2e5b020f9f..b849d6c9e0 100644 --- a/platform/commonUI/themes/snow/res/sass/_constants.scss +++ b/platform/commonUI/themes/snow/res/sass/_constants.scss @@ -12,12 +12,14 @@ $colorInteriorBorder: rgba($colorBodyFg, 0.2); $colorA: #999; $colorAHov: $colorKey; $contrastRatioPercent: 40%; +$hoverRatioPercent: 10%; $basicCr: 4px; $controlCr: $basicCr; $smallCr: 3px; // Buttons and Controls $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); +$colorBtnBgHov: pullForward($colorBtnBg, $hoverRatioPercent); $colorBtnFg: #fff; $colorBtnMajorBg: $colorKey; $colorBtnMajorFg: $colorKeyFg; @@ -54,7 +56,7 @@ $colorTick: rgba(black, 0.2); $colorMenuBg: pushBack($colorBodyBg, 10%); $colorMenuFg: pullForward($colorMenuBg, 70%); $colorMenuIc: $colorKey; -$colorMenuHovBg: pullForward($colorMenuBg, 10%); +$colorMenuHovBg: pullForward($colorMenuBg, $hoverRatioPercent); $colorMenuHovFg: $colorMenuFg; $colorMenuHovIc: $colorMenuIc; $shdwMenu: rgba(black, 0.5) 0 1px 5px; @@ -89,6 +91,7 @@ $colorStatusDefault: #ccc; $colorStatusInfo: #60ba7b; $colorStatusAlert: #ffb66c; $colorStatusError: #c96b68; +$colorStatusBtnBg: #666; $colorProgressBarOuter: rgba(#000, 0.1); $colorProgressBarAmt: #0a0; $progressBarHOverlay: 15px; @@ -123,7 +126,7 @@ $colorOvrBtnFg: #fff; // Items $colorItemBg: #ddd; -$colorItemBgHov: pullForward($colorItemBg, 5%); +$colorItemBgHov: pullForward($colorItemBg, $hoverRatioPercent); $colorItemFg: $colorBodyFg; $colorItemFgDetails: pushBack($colorItemFg, 15%); $colorItemIc: $colorKey; @@ -149,15 +152,15 @@ $colorPlotAreaBorder: $colorInteriorBorder; $colorPlotLabelFg: pushBack($colorPlotFg, 20%); // Tree -$colorItemTreeHoverBg: rgba($colorBodyFg, 0.1); -$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%); +$colorItemTreeHoverBg: pullForward($colorBodyBg, $hoverRatioPercent); +$colorItemTreeHoverFg: pullForward($colorBodyFg, $hoverRatioPercent); $colorItemTreeIcon: $colorKey; -$colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%); +$colorItemTreeIconHover: $colorItemTreeIcon; $colorItemTreeVCHover: $colorKey; $colorItemTreeFg: $colorBodyFg; $colorItemTreeSelectedBg: pushBack($colorKey, 15%); $colorItemTreeSelectedFg: $colorBodyBg; -$colorItemTreeEditingBg: #caf1ff; //#c6e3ff; +$colorItemTreeEditingBg: #caf1ff; $colorItemTreeEditingFg: $colorEditAreaFg; $colorItemTreeVC: $colorBodyFg; $colorItemTreeSelectedVC: $colorBodyBg; diff --git a/platform/commonUI/themes/snow/res/sass/_mixins.scss b/platform/commonUI/themes/snow/res/sass/_mixins.scss index 05a5c4fb64..b175d6870e 100644 --- a/platform/commonUI/themes/snow/res/sass/_mixins.scss +++ b/platform/commonUI/themes/snow/res/sass/_mixins.scss @@ -3,9 +3,9 @@ @include boxShdw($shdwBtns); } -@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) { +@mixin btnSubtle($bg: $colorBtnBg, $bgHovColor: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) { @include containerSubtle($bg, $fg); - @include btnBase($bg, $bgHov, $fg, $ic); + @include btnBase($bg, $bgHovColor, $fg, $ic); @include text-shadow($shdwItemText); } From 729d91e7f36f67b7a3c8eda4bb973b068e5df0ae Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Mon, 22 Feb 2016 12:51:32 -0800 Subject: [PATCH 3/3] [Frontend] CSS sanding and shimming open #442 Fixed white space problem with .status-block-holder applied to mct-include; Added new status 'available' class and updated theme constants files; --- .../commonUI/general/res/sass/controls/_messages.scss | 9 +++++++++ platform/commonUI/general/res/templates/bottombar.html | 3 ++- .../commonUI/themes/espresso/res/sass/_constants.scss | 1 + platform/commonUI/themes/snow/res/sass/_constants.scss | 1 + 4 files changed, 13 insertions(+), 1 deletion(-) diff --git a/platform/commonUI/general/res/sass/controls/_messages.scss b/platform/commonUI/general/res/sass/controls/_messages.scss index bdd9b7270a..187bdcdcfe 100644 --- a/platform/commonUI/general/res/sass/controls/_messages.scss +++ b/platform/commonUI/general/res/sass/controls/_messages.scss @@ -36,6 +36,12 @@ } } +mct-include.status-block-holder { + // mct-include that wraps status.block + // Must use display: inline-block to fix white space problems + display: inline-block; +} + .status.block { $transDelay: 1.5s; $transSpeed: .25s; @@ -98,6 +104,9 @@ &.error .status-indicator { color: $colorStatusError; } + &.available .status-indicator { + color: $colorStatusAvailable; + } .count { @include trans-prop-nice(opacity, $transSpeed, $transDelay); font-weight: bold; diff --git a/platform/commonUI/general/res/templates/bottombar.html b/platform/commonUI/general/res/templates/bottombar.html index f0d3799542..1883d31dd5 100644 --- a/platform/commonUI/general/res/templates/bottombar.html +++ b/platform/commonUI/general/res/templates/bottombar.html @@ -23,7 +23,8 @@
+ key="indicator.template" + class="status-block-holder">
diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss index 4511a83338..6b6ded1a7f 100644 --- a/platform/commonUI/themes/espresso/res/sass/_constants.scss +++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss @@ -91,6 +91,7 @@ $colorStatusDefault: #ccc; $colorStatusInfo: #62ba72; $colorStatusAlert: #ffa66d; $colorStatusError: #d4585c; +$colorStatusAvailable: $colorKey; $colorStatusBtnBg: $colorBtnBg; $colorProgressBarOuter: rgba(#000, 0.1); $colorProgressBarAmt: $colorKey; diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss index b849d6c9e0..c82bfca233 100644 --- a/platform/commonUI/themes/snow/res/sass/_constants.scss +++ b/platform/commonUI/themes/snow/res/sass/_constants.scss @@ -91,6 +91,7 @@ $colorStatusDefault: #ccc; $colorStatusInfo: #60ba7b; $colorStatusAlert: #ffb66c; $colorStatusError: #c96b68; +$colorStatusAvailable: $colorKey; $colorStatusBtnBg: #666; $colorProgressBarOuter: rgba(#000, 0.1); $colorProgressBarAmt: #0a0;