[Frontend/PLATFORM] Cherry picking from platform changes in vista65

open #95
vista #65
Style mods for selects;
(cherry picked from commit 8b2c4c6)
This commit is contained in:
Charles Hacskaylo 2015-09-16 16:59:27 -07:00
parent f28d2f19d0
commit 9fdb9f0170
7 changed files with 295 additions and 354 deletions

View File

@ -303,31 +303,15 @@
padding: 0 $interiorMarginSm; padding: 0 $interiorMarginSm;
} }
@mixin contextArrow() {
@include text-shadow(none);
/* content: '\76';
display: inline-block;
@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) { font-family: 'symbolsfont';
@include appearance(none); margin-left: $interiorMarginSm;
@include border-radius($controlCr); vertical-align: top;
@include box-sizing(border-box);
@include box-shadow(inset rgba(black, 0.65) 0 1px 4px);
background: rgba(#fff, 0.1);
border: none;
color: lighten($fg, 20%);
outline: none;
&.error {
background: rgba(red, 0.5);
}
} }
@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include input-base($bg, $fg);
padding: 0 $interiorMarginSm;
}
*/
@mixin nice-textarea($bg: $colorBodyBg, $fg: $colorBodyFg) { @mixin nice-textarea($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include input-base($bg, $fg); @include input-base($bg, $fg);
padding: $interiorMargin; padding: $interiorMargin;

View File

@ -38,14 +38,10 @@
&:after { &:after {
// Adds the downward facing 'context available / invoke menu' arrow element // Adds the downward facing 'context available / invoke menu' arrow element
@include contextArrow();
color: rgba($colorInvokeMenu, percentToDecimal($contrastInvokeMenuPercent)); color: rgba($colorInvokeMenu, percentToDecimal($contrastInvokeMenuPercent));
content: '\76';
display: inline-block;
font-family: 'symbolsfont';
margin-left: $interiorMarginSm;
@include text-shadow(none);
vertical-align: top;
} }
&.create-btn { &.create-btn {
.title-label { .title-label {
font-size: 1rem; font-size: 1rem;

View File

@ -20,20 +20,18 @@
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
.select { .select {
@include btnSubtle(); @include btnSubtle($colorSelectBg);
@extend .s-menu;
//cursor: pointer;
//display: inline-block;
margin: 0 0 2px 2px; // Needed to avoid dropshadow from being clipped by parent containers margin: 0 0 2px 2px; // Needed to avoid dropshadow from being clipped by parent containers
padding: 0 $interiorMargin;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
select { select {
@include appearance(none); @include appearance(none);
@include box-sizing(border-box); @include box-sizing(border-box);
background: none; background: none;
color: $colorBtnFg; color: $colorSelectFg;
cursor: pointer;
border: none !important; border: none !important;
//cursor: pointer;
padding: 4px 25px 2px 0px; padding: 4px 25px 2px 0px;
width: 120%; width: 120%;
option { option {
@ -41,7 +39,8 @@
} }
} }
&:after { &:after {
//color: $colorKey; @include contextArrow();
color: rgba($colorSelectFg, percentToDecimal($contrastInvokeMenuPercent));
//content:"v"; //content:"v";
//display: block; //display: block;
//font-family: 'symbolsfont'; //font-family: 'symbolsfont';

View File

@ -98,27 +98,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/*********************************************** CONTROLS, FORM ELEMENTS */ /*********************************************** CONTROLS, FORM ELEMENTS */
/*
@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include appearance(none);
@include border-radius($controlCr);
@include box-sizing(border-box);
@include box-shadow(inset rgba(black, 0.65) 0 1px 4px);
background: rgba(#fff, 0.1);
border: none;
color: lighten($fg, 20%);
outline: none;
&.error {
background: rgba(red, 0.5);
}
}
@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include input-base($bg, $fg);
padding: 0 $interiorMarginSm;
}
*/
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@ -394,7 +373,7 @@ mct-container {
display: block; } display: block; }
/* line 97, ../../../../general/res/sass/_global.scss */ /* line 97, ../../../../general/res/sass/_global.scss */
.abs, .s-menu span.l-click-area, .select span.l-click-area { .abs, .s-menu span.l-click-area {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -464,7 +443,7 @@ mct-container {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 26, ../../../../general/res/sass/_about.scss */ /* line 26, ../../../../general/res/sass/_about.scss */
.l-about.abs, .s-menu span.l-about.l-click-area, .select span.l-about.l-click-area { .l-about.abs, .s-menu span.l-about.l-click-area {
overflow: auto; } overflow: auto; }
/* line 31, ../../../../general/res/sass/_about.scss */ /* line 31, ../../../../general/res/sass/_about.scss */
.l-about .l-logo-holder { .l-about .l-logo-holder {
@ -514,7 +493,7 @@ mct-container {
.s-about .s-logo-openmctweb { .s-about .s-logo-openmctweb {
background-image: url("../../../../general/res/images/logo-openmctweb-shdw.svg"); } background-image: url("../../../../general/res/images/logo-openmctweb-shdw.svg"); }
/* line 81, ../../../../general/res/sass/_about.scss */ /* line 81, ../../../../general/res/sass/_about.scss */
.s-about .s-btn, .s-about .s-menu, .s-about .select { .s-about .s-btn, .s-about .s-menu {
line-height: 2em; } line-height: 2em; }
/* line 85, ../../../../general/res/sass/_about.scss */ /* line 85, ../../../../general/res/sass/_about.scss */
.s-about .l-licenses-software .l-license-software { .s-about .l-licenses-software .l-license-software {
@ -555,7 +534,7 @@ mct-container {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 24, ../../../../general/res/sass/_text.scss */ /* line 24, ../../../../general/res/sass/_text.scss */
.abs.l-standalone, .s-menu span.l-standalone.l-click-area, .select span.l-standalone.l-click-area { .abs.l-standalone, .s-menu span.l-standalone.l-click-area {
padding: 5% 20%; } padding: 5% 20%; }
/* line 29, ../../../../general/res/sass/_text.scss */ /* line 29, ../../../../general/res/sass/_text.scss */
@ -639,7 +618,7 @@ mct-container {
display: inline-block; } display: inline-block; }
/* line 55, ../../../../general/res/sass/_icons.scss */ /* line 55, ../../../../general/res/sass/_icons.scss */
.s-menu .invoke-menu, .select .invoke-menu, .s-menu .invoke-menu,
.icon.major .invoke-menu { .icon.major .invoke-menu {
margin-left: 3px; } margin-left: 3px; }
@ -1275,7 +1254,7 @@ mct-container {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 25, ../../../../general/res/sass/controls/_buttons.scss */ /* line 25, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn, .s-menu, .select { .s-btn, .s-menu {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -1290,20 +1269,23 @@ mct-container {
padding: 0 7.5px; padding: 0 7.5px;
font-size: 0.7rem; } font-size: 0.7rem; }
/* line 35, ../../../../general/res/sass/controls/_buttons.scss */ /* line 35, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .icon, .s-menu .icon, .select .icon { .s-btn .icon, .s-menu .icon {
font-size: 0.8rem; font-size: 0.8rem;
color: #0099cc; } color: #0099cc; }
/* line 40, ../../../../general/res/sass/controls/_buttons.scss */ /* line 40, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .title-label, .s-menu .title-label, .select .title-label { .s-btn .title-label, .s-menu .title-label {
vertical-align: top; } vertical-align: top; }
/* line 44, ../../../../general/res/sass/controls/_buttons.scss */ /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.sm, .sm.s-menu, .sm.select { .s-btn.lg, .lg.s-menu {
padding: 0 5px; } font-size: 1rem; }
/* line 48, ../../../../general/res/sass/controls/_buttons.scss */ /* line 48, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.vsm, .vsm.s-menu, .vsm.select { .s-btn.sm, .sm.s-menu {
padding: 0 2.5px; } padding: 0 5px; }
/* line 52, ../../../../general/res/sass/controls/_buttons.scss */ /* line 52, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.major, .major.s-menu, .major.select { .s-btn.vsm, .vsm.s-menu {
padding: 0 2.5px; }
/* line 56, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.major, .major.s-menu {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -1332,17 +1314,17 @@ mct-container {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu .icon, .major.select .icon { .s-btn.major .icon, .major.s-menu .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover, .major.select:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon, .major.select:not(.disabled):hover > .icon { .s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 58, ../../../../general/res/sass/controls/_buttons.scss */ /* line 62, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu:not(.major), .select:not(.major) { .s-btn:not(.major), .s-menu:not(.major) {
background-color: #454545; background-color: #454545;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -1371,20 +1353,20 @@ mct-container {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu:not(.major) .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 67, ../../../../general/res/sass/controls/_buttons.scss */ /* line 71, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 70, ../../../../general/res/sass/controls/_buttons.scss */ /* line 74, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select { .s-btn.pause-play.paused, .pause-play.paused.s-menu {
background-color: #c56f01; background-color: #c56f01;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -1413,17 +1395,17 @@ mct-container {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); } background: linear-gradient(#fe9815, #f88c01); }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 72, ../../../../general/res/sass/controls/_buttons.scss */ /* line 76, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
animation-name: pulse; animation-name: pulse;
@ -1439,24 +1421,24 @@ mct-container {
-moz-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 74, ../../../../general/res/sass/controls/_buttons.scss */ /* line 78, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 82, ../../../../general/res/sass/controls/_buttons.scss */ /* line 86, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before {
content: "\000039"; } content: "\000039"; }
/* line 88, ../../../../general/res/sass/controls/_buttons.scss */ /* line 92, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 94, ../../../../general/res/sass/controls/_buttons.scss */ /* line 98, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select { .l-btn-set .s-btn, .l-btn-set .s-menu {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 100, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu {
-moz-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
@ -1464,8 +1446,8 @@ mct-container {
-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
margin-left: 0; } margin-left: 0; }
/* line 107, ../../../../general/res/sass/controls/_buttons.scss */ /* line 111, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu {
-moz-border-radius-topright: 3px; -moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
@ -1473,8 +1455,8 @@ mct-container {
-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; } border-bottom-right-radius: 3px; }
/* line 114, ../../../../general/res/sass/controls/_buttons.scss */ /* line 118, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu):not(.select) { .paused:not(.s-btn):not(.s-menu) {
border-color: #c56f01 !important; border-color: #c56f01 !important;
color: #c56f01 !important; } color: #c56f01 !important; }
@ -1762,7 +1744,7 @@ label.checkbox.custom {
margin-left: 0; } margin-left: 0; }
/* line 208, ../../../../general/res/sass/controls/_controls.scss */ /* line 208, ../../../../general/res/sass/controls/_controls.scss */
.s-menu label.checkbox.custom, .select label.checkbox.custom { .s-menu label.checkbox.custom {
margin-left: 5px; } margin-left: 5px; }
/* line 213, ../../../../general/res/sass/controls/_controls.scss */ /* line 213, ../../../../general/res/sass/controls/_controls.scss */
@ -2073,37 +2055,37 @@ label.checkbox.custom {
*****************************************************************************/ *****************************************************************************/
/******************************************************** MENU BUTTONS */ /******************************************************** MENU BUTTONS */
/* line 31, ../../../../general/res/sass/controls/_menus.scss */ /* line 31, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .icon, .select .icon { .s-menu .icon {
font-size: 120%; } font-size: 120%; }
/* line 35, ../../../../general/res/sass/controls/_menus.scss */ /* line 35, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .title-label, .select .title-label { .s-menu .title-label {
margin-left: 3px; } margin-left: 3px; }
/* line 39, ../../../../general/res/sass/controls/_menus.scss */ /* line 39, ../../../../general/res/sass/controls/_menus.scss */
.s-menu:after, .select:after { .s-menu:after {
color: rgba(255, 255, 255, 0.2); text-shadow: none;
content: '\76'; content: '\76';
display: inline-block; display: inline-block;
font-family: 'symbolsfont'; font-family: 'symbolsfont';
margin-left: 3px; margin-left: 3px;
text-shadow: none; vertical-align: top;
vertical-align: top; } color: rgba(255, 255, 255, 0.2); }
/* line 50, ../../../../general/res/sass/controls/_menus.scss */ /* line 46, ../../../../general/res/sass/controls/_menus.scss */
.s-menu.create-btn .title-label, .create-btn.select .title-label { .s-menu.create-btn .title-label {
font-size: 1rem; } font-size: 1rem; }
/* line 58, ../../../../general/res/sass/controls/_menus.scss */ /* line 54, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .menu, .select .menu { .s-menu .menu {
left: 0; left: 0;
text-align: left; } text-align: left; }
/* line 61, ../../../../general/res/sass/controls/_menus.scss */ /* line 57, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .menu .ui-symbol.icon, .select .menu .ui-symbol.icon { .s-menu .menu .ui-symbol.icon {
width: 12px; } width: 12px; }
/******************************************************** MENUS THEMSELVES */ /******************************************************** MENUS THEMSELVES */
/* line 68, ../../../../general/res/sass/controls/_menus.scss */ /* line 64, ../../../../general/res/sass/controls/_menus.scss */
.menu-element { .menu-element {
cursor: pointer; cursor: pointer;
position: relative; } position: relative; }
/* line 74, ../../../../general/res/sass/controls/_menus.scss */ /* line 70, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu { .menu-element .menu {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -2131,16 +2113,16 @@ label.checkbox.custom {
padding: 3px 0; padding: 3px 0;
position: absolute; position: absolute;
z-index: 10; } z-index: 10; }
/* line 83, ../../../../general/res/sass/controls/_menus.scss */ /* line 79, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul { .menu-element .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 345, ../../../../general/res/sass/_mixins.scss */ /* line 329, ../../../../general/res/sass/_mixins.scss */
.menu-element .menu ul li { .menu-element .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 85, ../../../../general/res/sass/controls/_menus.scss */ /* line 81, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li { .menu-element .menu ul li {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -2151,70 +2133,70 @@ label.checkbox.custom {
padding: 3px 10px 3px 30px; padding: 3px 10px 3px 30px;
position: relative; position: relative;
white-space: nowrap; } white-space: nowrap; }
/* line 93, ../../../../general/res/sass/controls/_menus.scss */ /* line 89, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:first-child { .menu-element .menu ul li:first-child {
border: none; } border: none; }
/* line 96, ../../../../general/res/sass/controls/_menus.scss */ /* line 92, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover { .menu-element .menu ul li:hover {
background: #878787; background: #878787;
color: #fff; } color: #fff; }
/* line 99, ../../../../general/res/sass/controls/_menus.scss */ /* line 95, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover .icon { .menu-element .menu ul li:hover .icon {
color: #fff; } color: #fff; }
/* line 103, ../../../../general/res/sass/controls/_menus.scss */ /* line 99, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon { .menu-element .menu ul li .type-icon {
left: 10px; } left: 10px; }
/* line 110, ../../../../general/res/sass/controls/_menus.scss */ /* line 106, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu, .menu-element .menu,
.menu-element .context-menu, .menu-element .context-menu,
.menu-element .checkbox-menu, .menu-element .checkbox-menu,
.menu-element .super-menu { .menu-element .super-menu {
pointer-events: auto; } pointer-events: auto; }
/* line 116, ../../../../general/res/sass/controls/_menus.scss */ /* line 112, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li a, .menu-element .menu ul li a,
.menu-element .context-menu ul li a, .menu-element .context-menu ul li a,
.menu-element .checkbox-menu ul li a, .menu-element .checkbox-menu ul li a,
.menu-element .super-menu ul li a { .menu-element .super-menu ul li a {
color: white; } color: white; }
/* line 119, ../../../../general/res/sass/controls/_menus.scss */ /* line 115, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .icon, .menu-element .menu ul li .icon,
.menu-element .context-menu ul li .icon, .menu-element .context-menu ul li .icon,
.menu-element .checkbox-menu ul li .icon, .menu-element .checkbox-menu ul li .icon,
.menu-element .super-menu ul li .icon { .menu-element .super-menu ul li .icon {
color: #24c8ff; } color: #24c8ff; }
/* line 122, ../../../../general/res/sass/controls/_menus.scss */ /* line 118, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon, .menu-element .menu ul li .type-icon,
.menu-element .context-menu ul li .type-icon, .menu-element .context-menu ul li .type-icon,
.menu-element .checkbox-menu ul li .type-icon, .menu-element .checkbox-menu ul li .type-icon,
.menu-element .super-menu ul li .type-icon { .menu-element .super-menu ul li .type-icon {
left: 5px; } left: 5px; }
/* line 134, ../../../../general/res/sass/controls/_menus.scss */ /* line 130, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li { .menu-element .checkbox-menu ul li {
padding-left: 50px; } padding-left: 50px; }
/* line 136, ../../../../general/res/sass/controls/_menus.scss */ /* line 132, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox { .menu-element .checkbox-menu ul li .checkbox {
position: absolute; position: absolute;
left: 5px; left: 5px;
top: 0.53333rem; } top: 0.53333rem; }
/* line 141, ../../../../general/res/sass/controls/_menus.scss */ /* line 137, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em { .menu-element .checkbox-menu ul li .checkbox em {
height: 0.7rem; height: 0.7rem;
width: 0.7rem; } width: 0.7rem; }
/* line 144, ../../../../general/res/sass/controls/_menus.scss */ /* line 140, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em:before { .menu-element .checkbox-menu ul li .checkbox em:before {
font-size: 7px !important; font-size: 7px !important;
height: 0.7rem; height: 0.7rem;
width: 0.7rem; width: 0.7rem;
line-height: 0.7rem; } line-height: 0.7rem; }
/* line 152, ../../../../general/res/sass/controls/_menus.scss */ /* line 148, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .type-icon { .menu-element .checkbox-menu ul li .type-icon {
left: 25px; } left: 25px; }
/* line 158, ../../../../general/res/sass/controls/_menus.scss */ /* line 154, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu { .menu-element .super-menu {
display: block; display: block;
width: 500px; width: 500px;
height: 480px; } height: 480px; }
/* line 166, ../../../../general/res/sass/controls/_menus.scss */ /* line 162, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .contents { .menu-element .super-menu .contents {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -2224,12 +2206,12 @@ label.checkbox.custom {
left: 5px; left: 5px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 169, ../../../../general/res/sass/controls/_menus.scss */ /* line 165, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane { .menu-element .super-menu .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 171, ../../../../general/res/sass/controls/_menus.scss */ /* line 167, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left { .menu-element .super-menu .pane.left {
border-right: 1px solid #878787; border-right: 1px solid #878787;
left: 0; left: 0;
@ -2238,20 +2220,20 @@ label.checkbox.custom {
width: 50%; width: 50%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 181, ../../../../general/res/sass/controls/_menus.scss */ /* line 177, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li { .menu-element .super-menu .pane.left ul li {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
padding-left: 30px; padding-left: 30px;
border-top: none; } border-top: none; }
/* line 188, ../../../../general/res/sass/controls/_menus.scss */ /* line 184, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.right { .menu-element .super-menu .pane.right {
left: auto; left: auto;
right: 0; right: 0;
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 198, ../../../../general/res/sass/controls/_menus.scss */ /* line 194, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.icon { .menu-element .super-menu .menu-item-description .desc-area.icon {
color: white; color: white;
position: relative; position: relative;
@ -2261,40 +2243,40 @@ label.checkbox.custom {
line-height: 150px; line-height: 150px;
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; } text-align: center; }
/* line 209, ../../../../general/res/sass/controls/_menus.scss */ /* line 205, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.title { .menu-element .super-menu .menu-item-description .desc-area.title {
color: white; color: white;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 0.5em; } margin-bottom: 0.5em; }
/* line 214, ../../../../general/res/sass/controls/_menus.scss */ /* line 210, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.description { .menu-element .super-menu .menu-item-description .desc-area.description {
color: white; color: white;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; } line-height: 1.5em; }
/* line 223, ../../../../general/res/sass/controls/_menus.scss */ /* line 219, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .context-menu, .menu-element .checkbox-menu { .menu-element .context-menu, .menu-element .checkbox-menu {
font-size: 0.80rem; } font-size: 0.80rem; }
/* line 228, ../../../../general/res/sass/controls/_menus.scss */ /* line 224, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder { .context-menu-holder {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
height: 200px; height: 200px;
width: 170px; width: 170px;
z-index: 70; } z-index: 70; }
/* line 234, ../../../../general/res/sass/controls/_menus.scss */ /* line 230, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper { .context-menu-holder .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 241, ../../../../general/res/sass/controls/_menus.scss */ /* line 237, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu { .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu {
right: 0; } right: 0; }
/* line 244, ../../../../general/res/sass/controls/_menus.scss */ /* line 240, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu { .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu {
bottom: 0; } bottom: 0; }
/* line 249, ../../../../general/res/sass/controls/_menus.scss */ /* line 245, ../../../../general/res/sass/controls/_menus.scss */
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;
@ -2664,7 +2646,7 @@ textarea {
*****************************************************************************/ *****************************************************************************/
/* line 22, ../../../../general/res/sass/forms/_selects.scss */ /* line 22, ../../../../general/res/sass/forms/_selects.scss */
.select { .select {
background-color: #333; background-color: #454545;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -2673,12 +2655,12 @@ textarea {
box-sizing: border-box; box-sizing: border-box;
color: #999; color: #999;
display: inline-block; display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #333333)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525252), color-stop(100%, #454545));
background-image: -moz-linear-gradient(#404040, #333333); background-image: -moz-linear-gradient(#525252, #454545);
background-image: -webkit-linear-gradient(#404040, #333333); background-image: -webkit-linear-gradient(#525252, #454545);
background-image: linear-gradient(#404040, #333333); background-image: linear-gradient(#525252, #454545);
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
@ -2692,6 +2674,7 @@ textarea {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
padding: 0 5px;
overflow: hidden; overflow: hidden;
position: relative; } position: relative; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
@ -2700,11 +2683,11 @@ textarea {
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover { .select:not(.disabled):hover {
background: linear-gradient(#595959, #4d4d4d); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover > .icon { .select:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 30, ../../../../general/res/sass/forms/_selects.scss */ /* line 28, ../../../../general/res/sass/forms/_selects.scss */
.select select { .select select {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
@ -2713,14 +2696,22 @@ textarea {
box-sizing: border-box; box-sizing: border-box;
background: none; background: none;
color: #999; color: #999;
cursor: pointer;
border: none !important; border: none !important;
padding: 4px 25px 2px 0px; padding: 4px 25px 2px 0px;
width: 120%; } width: 120%; }
/* line 39, ../../../../general/res/sass/forms/_selects.scss */ /* line 37, ../../../../general/res/sass/forms/_selects.scss */
.select select option { .select select option {
margin: 5px 0; } margin: 5px 0; }
/* line 43, ../../../../general/res/sass/forms/_selects.scss */ /* line 41, ../../../../general/res/sass/forms/_selects.scss */
.select:after { .select:after {
text-shadow: none;
content: '\76';
display: inline-block;
font-family: 'symbolsfont';
margin-left: 3px;
vertical-align: top;
color: rgba(153, 153, 153, 0.2);
position: absolute; position: absolute;
right: 5px; right: 5px;
top: 0; } top: 0; }
@ -2781,11 +2772,9 @@ textarea {
.channel-selector .btns-add-remove { .channel-selector .btns-add-remove {
margin-top: 150px; } margin-top: 150px; }
/* line 39, ../../../../general/res/sass/forms/_channel-selector.scss */ /* line 39, ../../../../general/res/sass/forms/_channel-selector.scss */
.channel-selector .btns-add-remove .btn { .channel-selector .btns-add-remove .s-btn, .channel-selector .btns-add-remove .s-menu {
display: block; display: block;
font-size: 1.5em;
margin-bottom: 5px; margin-bottom: 5px;
padding: 10px;
text-align: center; } text-align: center; }
/***************************************************************************** /*****************************************************************************
@ -3064,38 +3053,33 @@ span.req {
.bar .icon.major { .bar .icon.major {
margin-right: 5px; } margin-right: 5px; }
/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 70, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs, .s-menu span.bar.l-click-area, .select span.bar.l-click-area { .bar.abs, .s-menu span.bar.l-click-area {
text-wrap: none; text-wrap: none;
white-space: nowrap; } white-space: nowrap; }
/* line 73, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 73, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.left, .s-menu span.bar.left.l-click-area, .select span.bar.left.l-click-area, .bar.abs.left, .s-menu span.bar.left.l-click-area,
.bar.abs .left, .bar.abs .left,
.s-menu span.bar.l-click-area .left, .s-menu span.bar.l-click-area .left {
.select span.bar.l-click-area .left {
width: 45%; width: 45%;
right: auto; } right: auto; }
/* line 78, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 78, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.right, .s-menu span.bar.right.l-click-area, .select span.bar.right.l-click-area, .bar.abs.right, .s-menu span.bar.right.l-click-area,
.bar.abs .right, .bar.abs .right,
.s-menu span.bar.l-click-area .right, .s-menu span.bar.l-click-area .right {
.select span.bar.l-click-area .right {
width: 45%; width: 45%;
left: auto; left: auto;
text-align: right; } text-align: right; }
/* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.right .icon.major, .s-menu span.bar.right.l-click-area .icon.major, .select span.bar.right.l-click-area .icon.major, .bar.abs.right .icon.major, .s-menu span.bar.right.l-click-area .icon.major,
.bar.abs .right .icon.major, .bar.abs .right .icon.major,
.s-menu span.bar.l-click-area .right .icon.major, .s-menu span.bar.l-click-area .right .icon.major {
.select span.bar.l-click-area .right .icon.major {
margin-left: 15px; } margin-left: 15px; }
/* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs .l-flex .left, .s-menu span.bar.l-click-area .l-flex .left, .select span.bar.l-click-area .l-flex .left, .bar.abs .l-flex .left, .s-menu span.bar.l-click-area .l-flex .left,
.bar.abs .l-flex .right, .bar.abs .l-flex .right,
.s-menu span.bar.l-click-area .l-flex .right, .s-menu span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .s-menu span.bar.l-flex.l-click-area .left,
.select span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .s-menu span.bar.l-flex.l-click-area .left, .select span.bar.l-flex.l-click-area .left,
.bar.abs.l-flex .right, .bar.abs.l-flex .right,
.s-menu span.bar.l-flex.l-click-area .right, .s-menu span.bar.l-flex.l-click-area .right {
.select span.bar.l-flex.l-click-area .right {
width: auto; } width: auto; }
/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 98, ../../../../general/res/sass/user-environ/_layout.scss */
@ -3233,12 +3217,10 @@ span.req {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .s-menu span.left.l-click-area, .s-menu .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .select span.left.l-click-area, .select .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .s-menu span.left.l-click-area, .s-menu .pane.items .object-browse-bar span.left.l-click-area,
.pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .right.abs,
.pane.items .object-browse-bar .s-menu span.right.l-click-area, .pane.items .object-browse-bar .s-menu span.right.l-click-area,
.s-menu .pane.items .object-browse-bar span.right.l-click-area, .s-menu .pane.items .object-browse-bar span.right.l-click-area {
.pane.items .object-browse-bar .select span.right.l-click-area,
.select .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 262, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-holder { .pane.items .object-holder {
@ -3268,17 +3250,13 @@ span.req {
right: 3px; } right: 3px; }
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu, .object-browse-bar .select, .object-browse-bar .s-btn, .object-browse-bar .s-menu,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu, .top-bar .buttons-main .s-menu,
.top-bar .buttons-main .select,
.top-bar .s-menu, .top-bar .s-menu,
.top-bar .select,
.tool-bar .s-btn, .tool-bar .s-btn,
.tool-bar .s-menu, .tool-bar .s-menu,
.tool-bar .select, .tool-bar .s-menu {
.tool-bar .s-menu,
.tool-bar .select {
height: 25px; height: 25px;
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
@ -3674,13 +3652,13 @@ span.req {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 23, ../../../../general/res/sass/search/_search.scss */ /* line 23, ../../../../general/res/sass/search/_search.scss */
.abs.search-holder, .s-menu span.search-holder.l-click-area, .select span.search-holder.l-click-area { .abs.search-holder, .s-menu span.search-holder.l-click-area {
height: 25px; height: 25px;
bottom: 0; bottom: 0;
top: 23px; top: 23px;
z-index: 5; } z-index: 5; }
/* line 27, ../../../../general/res/sass/search/_search.scss */ /* line 27, ../../../../general/res/sass/search/_search.scss */
.abs.search-holder.active, .s-menu span.search-holder.active.l-click-area, .select span.search-holder.active.l-click-area { .abs.search-holder.active, .s-menu span.search-holder.active.l-click-area {
height: auto; height: auto;
bottom: 0; } bottom: 0; }
@ -3951,14 +3929,14 @@ span.req {
height: 30px; height: 30px;
text-align: right; } text-align: right; }
/* line 67, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 67, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu, .overlay .bottom-bar .select { .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu {
font-size: 95%; font-size: 95%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: 5px; margin-left: 5px;
padding: 0 15px; } padding: 0 15px; }
/* line 69, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 69, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) { .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major) {
background-color: gray; background-color: gray;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -3987,14 +3965,14 @@ span.req {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover, .overlay .bottom-bar .select:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover {
background: linear-gradient(#a6a6a6, #999999); } background: linear-gradient(#a6a6a6, #999999); }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog { .overlay .contents.l-dialog {
@ -4078,7 +4056,7 @@ ul.tree {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 345, ../../../../general/res/sass/_mixins.scss */ /* line 329, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -4333,12 +4311,12 @@ ul.tree {
.frame.child-frame.panel:hover { .frame.child-frame.panel:hover {
border-color: rgba(179, 179, 179, 0.1); } border-color: rgba(179, 179, 179, 0.1); }
/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 32, ../../../../general/res/sass/user-environ/_frame.scss */
.frame > .object-header.abs, .s-menu .frame > span.object-header.l-click-area, .select .frame > span.object-header.l-click-area { .frame > .object-header.abs, .s-menu .frame > span.object-header.l-click-area {
font-size: 0.75em; font-size: 0.75em;
height: 16px; height: 16px;
line-height: 16px; } line-height: 16px; }
/* line 38, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 38, ../../../../general/res/sass/user-environ/_frame.scss */
.frame > .object-holder.abs, .s-menu .frame > span.object-holder.l-click-area, .select .frame > span.object-holder.l-click-area { .frame > .object-holder.abs, .s-menu .frame > span.object-holder.l-click-area {
top: 21px; } top: 21px; }
/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
.frame .contents { .frame .contents {
@ -4410,7 +4388,7 @@ ul.tree {
.edit-mode .top-bar .buttons-main { .edit-mode .top-bar .buttons-main {
white-space: nowrap; } white-space: nowrap; }
/* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */ /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */
.edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .s-menu span.buttons-main.l-click-area, .s-menu .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .select span.buttons-main.l-click-area, .select .edit-mode .top-bar span.buttons-main.l-click-area { .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .s-menu span.buttons-main.l-click-area, .s-menu .edit-mode .top-bar span.buttons-main.l-click-area {
bottom: auto; bottom: auto;
left: auto; } left: auto; }
@ -5642,7 +5620,7 @@ table {
.autoflow { .autoflow {
font-size: 0.75rem; } font-size: 0.75rem; }
/* line 32, ../../../../general/res/sass/_autoflow.scss */ /* line 32, ../../../../general/res/sass/_autoflow.scss */
.autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu, .autoflow:hover .l-autoflow-header .change-column-width.select { .autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: visibility, opacity, background-color, border-color;
@ -5666,7 +5644,7 @@ table {
.autoflow .l-autoflow-header span { .autoflow .l-autoflow-header span {
vertical-align: middle; } vertical-align: middle; }
/* line 48, ../../../../general/res/sass/_autoflow.scss */ /* line 48, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu, .autoflow .l-autoflow-header .change-column-width.select { .autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: visibility, opacity, background-color, border-color;

View File

@ -58,6 +58,10 @@ $colorInputFg: pullForward($colorBodyFg, 20%);
$colorFormText: rgba(#fff, 0.5); $colorFormText: rgba(#fff, 0.5);
$colorInputIcon: pushBack($colorBodyFg, 15%); $colorInputIcon: pushBack($colorBodyFg, 15%);
// Selects
$colorSelectBg: $colorBtnBg;
$colorSelectFg: $colorBtnFg;
// Limits and staleness colors // Limits and staleness colors
$colorTelemFresh: pullForward($colorBodyFg, 20%); $colorTelemFresh: pullForward($colorBodyFg, 20%);
$colorTelemStale: pushBack($colorBodyFg, 20%); $colorTelemStale: pushBack($colorBodyFg, 20%);

View File

@ -98,27 +98,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/*********************************************** CONTROLS, FORM ELEMENTS */ /*********************************************** CONTROLS, FORM ELEMENTS */
/*
@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include appearance(none);
@include border-radius($controlCr);
@include box-sizing(border-box);
@include box-shadow(inset rgba(black, 0.65) 0 1px 4px);
background: rgba(#fff, 0.1);
border: none;
color: lighten($fg, 20%);
outline: none;
&.error {
background: rgba(red, 0.5);
}
}
@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include input-base($bg, $fg);
padding: 0 $interiorMarginSm;
}
*/
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@ -394,7 +373,7 @@ mct-container {
display: block; } display: block; }
/* line 97, ../../../../general/res/sass/_global.scss */ /* line 97, ../../../../general/res/sass/_global.scss */
.abs, .s-menu span.l-click-area, .select span.l-click-area { .abs, .s-menu span.l-click-area {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -464,7 +443,7 @@ mct-container {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 26, ../../../../general/res/sass/_about.scss */ /* line 26, ../../../../general/res/sass/_about.scss */
.l-about.abs, .s-menu span.l-about.l-click-area, .select span.l-about.l-click-area { .l-about.abs, .s-menu span.l-about.l-click-area {
overflow: auto; } overflow: auto; }
/* line 31, ../../../../general/res/sass/_about.scss */ /* line 31, ../../../../general/res/sass/_about.scss */
.l-about .l-logo-holder { .l-about .l-logo-holder {
@ -514,7 +493,7 @@ mct-container {
.s-about .s-logo-openmctweb { .s-about .s-logo-openmctweb {
background-image: url("../../../../general/res/images/logo-openmctweb-shdw.svg"); } background-image: url("../../../../general/res/images/logo-openmctweb-shdw.svg"); }
/* line 81, ../../../../general/res/sass/_about.scss */ /* line 81, ../../../../general/res/sass/_about.scss */
.s-about .s-btn, .s-about .s-menu, .s-about .select { .s-about .s-btn, .s-about .s-menu {
line-height: 2em; } line-height: 2em; }
/* line 85, ../../../../general/res/sass/_about.scss */ /* line 85, ../../../../general/res/sass/_about.scss */
.s-about .l-licenses-software .l-license-software { .s-about .l-licenses-software .l-license-software {
@ -555,7 +534,7 @@ mct-container {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 24, ../../../../general/res/sass/_text.scss */ /* line 24, ../../../../general/res/sass/_text.scss */
.abs.l-standalone, .s-menu span.l-standalone.l-click-area, .select span.l-standalone.l-click-area { .abs.l-standalone, .s-menu span.l-standalone.l-click-area {
padding: 5% 20%; } padding: 5% 20%; }
/* line 29, ../../../../general/res/sass/_text.scss */ /* line 29, ../../../../general/res/sass/_text.scss */
@ -639,7 +618,7 @@ mct-container {
display: inline-block; } display: inline-block; }
/* line 55, ../../../../general/res/sass/_icons.scss */ /* line 55, ../../../../general/res/sass/_icons.scss */
.s-menu .invoke-menu, .select .invoke-menu, .s-menu .invoke-menu,
.icon.major .invoke-menu { .icon.major .invoke-menu {
margin-left: 3px; } margin-left: 3px; }
@ -1272,7 +1251,7 @@ mct-container {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 25, ../../../../general/res/sass/controls/_buttons.scss */ /* line 25, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn, .s-menu, .select { .s-btn, .s-menu {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -1287,20 +1266,23 @@ mct-container {
padding: 0 7.5px; padding: 0 7.5px;
font-size: 0.7rem; } font-size: 0.7rem; }
/* line 35, ../../../../general/res/sass/controls/_buttons.scss */ /* line 35, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .icon, .s-menu .icon, .select .icon { .s-btn .icon, .s-menu .icon {
font-size: 0.8rem; font-size: 0.8rem;
color: #0099cc; } color: #0099cc; }
/* line 40, ../../../../general/res/sass/controls/_buttons.scss */ /* line 40, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .title-label, .s-menu .title-label, .select .title-label { .s-btn .title-label, .s-menu .title-label {
vertical-align: top; } vertical-align: top; }
/* line 44, ../../../../general/res/sass/controls/_buttons.scss */ /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.sm, .sm.s-menu, .sm.select { .s-btn.lg, .lg.s-menu {
padding: 0 5px; } font-size: 1rem; }
/* line 48, ../../../../general/res/sass/controls/_buttons.scss */ /* line 48, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.vsm, .vsm.s-menu, .vsm.select { .s-btn.sm, .sm.s-menu {
padding: 0 2.5px; } padding: 0 5px; }
/* line 52, ../../../../general/res/sass/controls/_buttons.scss */ /* line 52, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.major, .major.s-menu, .major.select { .s-btn.vsm, .vsm.s-menu {
padding: 0 2.5px; }
/* line 56, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.major, .major.s-menu {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -1320,17 +1302,17 @@ mct-container {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu .icon, .major.select .icon { .s-btn.major .icon, .major.s-menu .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover, .major.select:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover {
background: deepskyblue; } background: deepskyblue; }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon, .major.select:not(.disabled):hover > .icon { .s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 58, ../../../../general/res/sass/controls/_buttons.scss */ /* line 62, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu:not(.major), .select:not(.major) { .s-btn:not(.major), .s-menu:not(.major) {
background-color: #969696; background-color: #969696;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -1350,20 +1332,20 @@ mct-container {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu:not(.major) .icon {
color: #eee; } color: #eee; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 67, ../../../../general/res/sass/controls/_buttons.scss */ /* line 71, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 70, ../../../../general/res/sass/controls/_buttons.scss */ /* line 74, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select { .s-btn.pause-play.paused, .pause-play.paused.s-menu {
background-color: #ff9900; background-color: #ff9900;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -1383,17 +1365,17 @@ mct-container {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover {
background: #ffad33; } background: #ffad33; }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 72, ../../../../general/res/sass/controls/_buttons.scss */ /* line 76, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
animation-name: pulse; animation-name: pulse;
@ -1409,24 +1391,24 @@ mct-container {
-moz-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 74, ../../../../general/res/sass/controls/_buttons.scss */ /* line 78, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 82, ../../../../general/res/sass/controls/_buttons.scss */ /* line 86, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before {
content: "\000039"; } content: "\000039"; }
/* line 88, ../../../../general/res/sass/controls/_buttons.scss */ /* line 92, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 94, ../../../../general/res/sass/controls/_buttons.scss */ /* line 98, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select { .l-btn-set .s-btn, .l-btn-set .s-menu {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 100, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu {
-moz-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px; border-top-left-radius: 4px;
@ -1434,8 +1416,8 @@ mct-container {
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
margin-left: 0; } margin-left: 0; }
/* line 107, ../../../../general/res/sass/controls/_buttons.scss */ /* line 111, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu {
-moz-border-radius-topright: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px; border-top-right-radius: 4px;
@ -1443,8 +1425,8 @@ mct-container {
-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; } border-bottom-right-radius: 4px; }
/* line 114, ../../../../general/res/sass/controls/_buttons.scss */ /* line 118, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu):not(.select) { .paused:not(.s-btn):not(.s-menu) {
border-color: #ff9900 !important; border-color: #ff9900 !important;
color: #ff9900 !important; } color: #ff9900 !important; }
@ -1732,7 +1714,7 @@ label.checkbox.custom {
margin-left: 0; } margin-left: 0; }
/* line 208, ../../../../general/res/sass/controls/_controls.scss */ /* line 208, ../../../../general/res/sass/controls/_controls.scss */
.s-menu label.checkbox.custom, .select label.checkbox.custom { .s-menu label.checkbox.custom {
margin-left: 5px; } margin-left: 5px; }
/* line 213, ../../../../general/res/sass/controls/_controls.scss */ /* line 213, ../../../../general/res/sass/controls/_controls.scss */
@ -2027,37 +2009,37 @@ label.checkbox.custom {
*****************************************************************************/ *****************************************************************************/
/******************************************************** MENU BUTTONS */ /******************************************************** MENU BUTTONS */
/* line 31, ../../../../general/res/sass/controls/_menus.scss */ /* line 31, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .icon, .select .icon { .s-menu .icon {
font-size: 120%; } font-size: 120%; }
/* line 35, ../../../../general/res/sass/controls/_menus.scss */ /* line 35, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .title-label, .select .title-label { .s-menu .title-label {
margin-left: 3px; } margin-left: 3px; }
/* line 39, ../../../../general/res/sass/controls/_menus.scss */ /* line 39, ../../../../general/res/sass/controls/_menus.scss */
.s-menu:after, .select:after { .s-menu:after {
color: rgba(255, 255, 255, 0.4); text-shadow: none;
content: '\76'; content: '\76';
display: inline-block; display: inline-block;
font-family: 'symbolsfont'; font-family: 'symbolsfont';
margin-left: 3px; margin-left: 3px;
text-shadow: none; vertical-align: top;
vertical-align: top; } color: rgba(255, 255, 255, 0.4); }
/* line 50, ../../../../general/res/sass/controls/_menus.scss */ /* line 46, ../../../../general/res/sass/controls/_menus.scss */
.s-menu.create-btn .title-label, .create-btn.select .title-label { .s-menu.create-btn .title-label {
font-size: 1rem; } font-size: 1rem; }
/* line 58, ../../../../general/res/sass/controls/_menus.scss */ /* line 54, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .menu, .select .menu { .s-menu .menu {
left: 0; left: 0;
text-align: left; } text-align: left; }
/* line 61, ../../../../general/res/sass/controls/_menus.scss */ /* line 57, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .menu .ui-symbol.icon, .select .menu .ui-symbol.icon { .s-menu .menu .ui-symbol.icon {
width: 12px; } width: 12px; }
/******************************************************** MENUS THEMSELVES */ /******************************************************** MENUS THEMSELVES */
/* line 68, ../../../../general/res/sass/controls/_menus.scss */ /* line 64, ../../../../general/res/sass/controls/_menus.scss */
.menu-element { .menu-element {
cursor: pointer; cursor: pointer;
position: relative; } position: relative; }
/* line 74, ../../../../general/res/sass/controls/_menus.scss */ /* line 70, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu { .menu-element .menu {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -2079,16 +2061,16 @@ label.checkbox.custom {
padding: 3px 0; padding: 3px 0;
position: absolute; position: absolute;
z-index: 10; } z-index: 10; }
/* line 83, ../../../../general/res/sass/controls/_menus.scss */ /* line 79, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul { .menu-element .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 345, ../../../../general/res/sass/_mixins.scss */ /* line 329, ../../../../general/res/sass/_mixins.scss */
.menu-element .menu ul li { .menu-element .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 85, ../../../../general/res/sass/controls/_menus.scss */ /* line 81, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li { .menu-element .menu ul li {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -2099,70 +2081,70 @@ label.checkbox.custom {
padding: 3px 10px 3px 30px; padding: 3px 10px 3px 30px;
position: relative; position: relative;
white-space: nowrap; } white-space: nowrap; }
/* line 93, ../../../../general/res/sass/controls/_menus.scss */ /* line 89, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:first-child { .menu-element .menu ul li:first-child {
border: none; } border: none; }
/* line 96, ../../../../general/res/sass/controls/_menus.scss */ /* line 92, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover { .menu-element .menu ul li:hover {
background: #e6e6e6; background: #e6e6e6;
color: #4d4d4d; } color: #4d4d4d; }
/* line 99, ../../../../general/res/sass/controls/_menus.scss */ /* line 95, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover .icon { .menu-element .menu ul li:hover .icon {
color: #0099cc; } color: #0099cc; }
/* line 103, ../../../../general/res/sass/controls/_menus.scss */ /* line 99, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon { .menu-element .menu ul li .type-icon {
left: 10px; } left: 10px; }
/* line 110, ../../../../general/res/sass/controls/_menus.scss */ /* line 106, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu, .menu-element .menu,
.menu-element .context-menu, .menu-element .context-menu,
.menu-element .checkbox-menu, .menu-element .checkbox-menu,
.menu-element .super-menu { .menu-element .super-menu {
pointer-events: auto; } pointer-events: auto; }
/* line 116, ../../../../general/res/sass/controls/_menus.scss */ /* line 112, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li a, .menu-element .menu ul li a,
.menu-element .context-menu ul li a, .menu-element .context-menu ul li a,
.menu-element .checkbox-menu ul li a, .menu-element .checkbox-menu ul li a,
.menu-element .super-menu ul li a { .menu-element .super-menu ul li a {
color: #4d4d4d; } color: #4d4d4d; }
/* line 119, ../../../../general/res/sass/controls/_menus.scss */ /* line 115, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .icon, .menu-element .menu ul li .icon,
.menu-element .context-menu ul li .icon, .menu-element .context-menu ul li .icon,
.menu-element .checkbox-menu ul li .icon, .menu-element .checkbox-menu ul li .icon,
.menu-element .super-menu ul li .icon { .menu-element .super-menu ul li .icon {
color: #0099cc; } color: #0099cc; }
/* line 122, ../../../../general/res/sass/controls/_menus.scss */ /* line 118, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon, .menu-element .menu ul li .type-icon,
.menu-element .context-menu ul li .type-icon, .menu-element .context-menu ul li .type-icon,
.menu-element .checkbox-menu ul li .type-icon, .menu-element .checkbox-menu ul li .type-icon,
.menu-element .super-menu ul li .type-icon { .menu-element .super-menu ul li .type-icon {
left: 5px; } left: 5px; }
/* line 134, ../../../../general/res/sass/controls/_menus.scss */ /* line 130, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li { .menu-element .checkbox-menu ul li {
padding-left: 50px; } padding-left: 50px; }
/* line 136, ../../../../general/res/sass/controls/_menus.scss */ /* line 132, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox { .menu-element .checkbox-menu ul li .checkbox {
position: absolute; position: absolute;
left: 5px; left: 5px;
top: 0.53333rem; } top: 0.53333rem; }
/* line 141, ../../../../general/res/sass/controls/_menus.scss */ /* line 137, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em { .menu-element .checkbox-menu ul li .checkbox em {
height: 0.7rem; height: 0.7rem;
width: 0.7rem; } width: 0.7rem; }
/* line 144, ../../../../general/res/sass/controls/_menus.scss */ /* line 140, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em:before { .menu-element .checkbox-menu ul li .checkbox em:before {
font-size: 7px !important; font-size: 7px !important;
height: 0.7rem; height: 0.7rem;
width: 0.7rem; width: 0.7rem;
line-height: 0.7rem; } line-height: 0.7rem; }
/* line 152, ../../../../general/res/sass/controls/_menus.scss */ /* line 148, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .type-icon { .menu-element .checkbox-menu ul li .type-icon {
left: 25px; } left: 25px; }
/* line 158, ../../../../general/res/sass/controls/_menus.scss */ /* line 154, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu { .menu-element .super-menu {
display: block; display: block;
width: 500px; width: 500px;
height: 480px; } height: 480px; }
/* line 166, ../../../../general/res/sass/controls/_menus.scss */ /* line 162, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .contents { .menu-element .super-menu .contents {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -2172,12 +2154,12 @@ label.checkbox.custom {
left: 5px; left: 5px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 169, ../../../../general/res/sass/controls/_menus.scss */ /* line 165, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane { .menu-element .super-menu .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 171, ../../../../general/res/sass/controls/_menus.scss */ /* line 167, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left { .menu-element .super-menu .pane.left {
border-right: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
left: 0; left: 0;
@ -2186,20 +2168,20 @@ label.checkbox.custom {
width: 50%; width: 50%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 181, ../../../../general/res/sass/controls/_menus.scss */ /* line 177, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li { .menu-element .super-menu .pane.left ul li {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
padding-left: 30px; padding-left: 30px;
border-top: none; } border-top: none; }
/* line 188, ../../../../general/res/sass/controls/_menus.scss */ /* line 184, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.right { .menu-element .super-menu .pane.right {
left: auto; left: auto;
right: 0; right: 0;
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 198, ../../../../general/res/sass/controls/_menus.scss */ /* line 194, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.icon { .menu-element .super-menu .menu-item-description .desc-area.icon {
color: #0099cc; color: #0099cc;
position: relative; position: relative;
@ -2209,40 +2191,40 @@ label.checkbox.custom {
line-height: 150px; line-height: 150px;
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; } text-align: center; }
/* line 209, ../../../../general/res/sass/controls/_menus.scss */ /* line 205, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.title { .menu-element .super-menu .menu-item-description .desc-area.title {
color: #666; color: #666;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 0.5em; } margin-bottom: 0.5em; }
/* line 214, ../../../../general/res/sass/controls/_menus.scss */ /* line 210, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.description { .menu-element .super-menu .menu-item-description .desc-area.description {
color: #666; color: #666;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; } line-height: 1.5em; }
/* line 223, ../../../../general/res/sass/controls/_menus.scss */ /* line 219, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .context-menu, .menu-element .checkbox-menu { .menu-element .context-menu, .menu-element .checkbox-menu {
font-size: 0.80rem; } font-size: 0.80rem; }
/* line 228, ../../../../general/res/sass/controls/_menus.scss */ /* line 224, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder { .context-menu-holder {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
height: 200px; height: 200px;
width: 170px; width: 170px;
z-index: 70; } z-index: 70; }
/* line 234, ../../../../general/res/sass/controls/_menus.scss */ /* line 230, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper { .context-menu-holder .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 241, ../../../../general/res/sass/controls/_menus.scss */ /* line 237, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu { .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu {
right: 0; } right: 0; }
/* line 244, ../../../../general/res/sass/controls/_menus.scss */ /* line 240, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu { .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu {
bottom: 0; } bottom: 0; }
/* line 249, ../../../../general/res/sass/controls/_menus.scss */ /* line 245, ../../../../general/res/sass/controls/_menus.scss */
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;
@ -2612,7 +2594,7 @@ textarea {
*****************************************************************************/ *****************************************************************************/
/* line 22, ../../../../general/res/sass/forms/_selects.scss */ /* line 22, ../../../../general/res/sass/forms/_selects.scss */
.select { .select {
background-color: #969696; background-color: #d9d9d9;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@ -2631,12 +2613,13 @@ textarea {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; text-shadow: none;
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
padding: 0 5px;
overflow: hidden; overflow: hidden;
position: relative; } position: relative; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon {
color: #eee; } color: #eee; }
/* line 30, ../../../../general/res/sass/forms/_selects.scss */ /* line 28, ../../../../general/res/sass/forms/_selects.scss */
.select select { .select select {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
@ -2644,15 +2627,23 @@ textarea {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
background: none; background: none;
color: #fff; color: #666;
cursor: pointer;
border: none !important; border: none !important;
padding: 4px 25px 2px 0px; padding: 4px 25px 2px 0px;
width: 120%; } width: 120%; }
/* line 39, ../../../../general/res/sass/forms/_selects.scss */ /* line 37, ../../../../general/res/sass/forms/_selects.scss */
.select select option { .select select option {
margin: 5px 0; } margin: 5px 0; }
/* line 43, ../../../../general/res/sass/forms/_selects.scss */ /* line 41, ../../../../general/res/sass/forms/_selects.scss */
.select:after { .select:after {
text-shadow: none;
content: '\76';
display: inline-block;
font-family: 'symbolsfont';
margin-left: 3px;
vertical-align: top;
color: rgba(102, 102, 102, 0.4);
position: absolute; position: absolute;
right: 5px; right: 5px;
top: 0; } top: 0; }
@ -2713,11 +2704,9 @@ textarea {
.channel-selector .btns-add-remove { .channel-selector .btns-add-remove {
margin-top: 150px; } margin-top: 150px; }
/* line 39, ../../../../general/res/sass/forms/_channel-selector.scss */ /* line 39, ../../../../general/res/sass/forms/_channel-selector.scss */
.channel-selector .btns-add-remove .btn { .channel-selector .btns-add-remove .s-btn, .channel-selector .btns-add-remove .s-menu {
display: block; display: block;
font-size: 1.5em;
margin-bottom: 5px; margin-bottom: 5px;
padding: 10px;
text-align: center; } text-align: center; }
/***************************************************************************** /*****************************************************************************
@ -2996,38 +2985,33 @@ span.req {
.bar .icon.major { .bar .icon.major {
margin-right: 5px; } margin-right: 5px; }
/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 70, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs, .s-menu span.bar.l-click-area, .select span.bar.l-click-area { .bar.abs, .s-menu span.bar.l-click-area {
text-wrap: none; text-wrap: none;
white-space: nowrap; } white-space: nowrap; }
/* line 73, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 73, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.left, .s-menu span.bar.left.l-click-area, .select span.bar.left.l-click-area, .bar.abs.left, .s-menu span.bar.left.l-click-area,
.bar.abs .left, .bar.abs .left,
.s-menu span.bar.l-click-area .left, .s-menu span.bar.l-click-area .left {
.select span.bar.l-click-area .left {
width: 45%; width: 45%;
right: auto; } right: auto; }
/* line 78, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 78, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.right, .s-menu span.bar.right.l-click-area, .select span.bar.right.l-click-area, .bar.abs.right, .s-menu span.bar.right.l-click-area,
.bar.abs .right, .bar.abs .right,
.s-menu span.bar.l-click-area .right, .s-menu span.bar.l-click-area .right {
.select span.bar.l-click-area .right {
width: 45%; width: 45%;
left: auto; left: auto;
text-align: right; } text-align: right; }
/* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs.right .icon.major, .s-menu span.bar.right.l-click-area .icon.major, .select span.bar.right.l-click-area .icon.major, .bar.abs.right .icon.major, .s-menu span.bar.right.l-click-area .icon.major,
.bar.abs .right .icon.major, .bar.abs .right .icon.major,
.s-menu span.bar.l-click-area .right .icon.major, .s-menu span.bar.l-click-area .right .icon.major {
.select span.bar.l-click-area .right .icon.major {
margin-left: 15px; } margin-left: 15px; }
/* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
.bar.abs .l-flex .left, .s-menu span.bar.l-click-area .l-flex .left, .select span.bar.l-click-area .l-flex .left, .bar.abs .l-flex .left, .s-menu span.bar.l-click-area .l-flex .left,
.bar.abs .l-flex .right, .bar.abs .l-flex .right,
.s-menu span.bar.l-click-area .l-flex .right, .s-menu span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .s-menu span.bar.l-flex.l-click-area .left,
.select span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .s-menu span.bar.l-flex.l-click-area .left, .select span.bar.l-flex.l-click-area .left,
.bar.abs.l-flex .right, .bar.abs.l-flex .right,
.s-menu span.bar.l-flex.l-click-area .right, .s-menu span.bar.l-flex.l-click-area .right {
.select span.bar.l-flex.l-click-area .right {
width: auto; } width: auto; }
/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 98, ../../../../general/res/sass/user-environ/_layout.scss */
@ -3165,12 +3149,10 @@ span.req {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 251, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .s-menu span.left.l-click-area, .s-menu .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .select span.left.l-click-area, .select .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .s-menu span.left.l-click-area, .s-menu .pane.items .object-browse-bar span.left.l-click-area,
.pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .right.abs,
.pane.items .object-browse-bar .s-menu span.right.l-click-area, .pane.items .object-browse-bar .s-menu span.right.l-click-area,
.s-menu .pane.items .object-browse-bar span.right.l-click-area, .s-menu .pane.items .object-browse-bar span.right.l-click-area {
.pane.items .object-browse-bar .select span.right.l-click-area,
.select .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 262, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-holder { .pane.items .object-holder {
@ -3200,17 +3182,13 @@ span.req {
right: 3px; } right: 3px; }
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu, .object-browse-bar .select, .object-browse-bar .s-btn, .object-browse-bar .s-menu,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu, .top-bar .buttons-main .s-menu,
.top-bar .buttons-main .select,
.top-bar .s-menu, .top-bar .s-menu,
.top-bar .select,
.tool-bar .s-btn, .tool-bar .s-btn,
.tool-bar .s-menu, .tool-bar .s-menu,
.tool-bar .select, .tool-bar .s-menu {
.tool-bar .s-menu,
.tool-bar .select {
height: 25px; height: 25px;
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
@ -3606,13 +3584,13 @@ span.req {
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 23, ../../../../general/res/sass/search/_search.scss */ /* line 23, ../../../../general/res/sass/search/_search.scss */
.abs.search-holder, .s-menu span.search-holder.l-click-area, .select span.search-holder.l-click-area { .abs.search-holder, .s-menu span.search-holder.l-click-area {
height: 25px; height: 25px;
bottom: 0; bottom: 0;
top: 23px; top: 23px;
z-index: 5; } z-index: 5; }
/* line 27, ../../../../general/res/sass/search/_search.scss */ /* line 27, ../../../../general/res/sass/search/_search.scss */
.abs.search-holder.active, .s-menu span.search-holder.active.l-click-area, .select span.search-holder.active.l-click-area { .abs.search-holder.active, .s-menu span.search-holder.active.l-click-area {
height: auto; height: auto;
bottom: 0; } bottom: 0; }
@ -3874,14 +3852,14 @@ span.req {
height: 30px; height: 30px;
text-align: right; } text-align: right; }
/* line 67, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 67, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu, .overlay .bottom-bar .select { .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu {
font-size: 95%; font-size: 95%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: 5px; margin-left: 5px;
padding: 0 15px; } padding: 0 15px; }
/* line 69, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 69, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) { .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major) {
background-color: #969696; background-color: #969696;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -3901,14 +3879,14 @@ span.req {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 272, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover, .overlay .bottom-bar .select:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover {
background: #7d7d7d; } background: #7d7d7d; }
/* line 279, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog { .overlay .contents.l-dialog {
@ -3992,7 +3970,7 @@ ul.tree {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 345, ../../../../general/res/sass/_mixins.scss */ /* line 329, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -4246,12 +4224,12 @@ ul.tree {
.frame.child-frame.panel:hover { .frame.child-frame.panel:hover {
border-color: rgba(128, 128, 128, 0.2); } border-color: rgba(128, 128, 128, 0.2); }
/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 32, ../../../../general/res/sass/user-environ/_frame.scss */
.frame > .object-header.abs, .s-menu .frame > span.object-header.l-click-area, .select .frame > span.object-header.l-click-area { .frame > .object-header.abs, .s-menu .frame > span.object-header.l-click-area {
font-size: 0.75em; font-size: 0.75em;
height: 16px; height: 16px;
line-height: 16px; } line-height: 16px; }
/* line 38, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 38, ../../../../general/res/sass/user-environ/_frame.scss */
.frame > .object-holder.abs, .s-menu .frame > span.object-holder.l-click-area, .select .frame > span.object-holder.l-click-area { .frame > .object-holder.abs, .s-menu .frame > span.object-holder.l-click-area {
top: 21px; } top: 21px; }
/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
.frame .contents { .frame .contents {
@ -4323,7 +4301,7 @@ ul.tree {
.edit-mode .top-bar .buttons-main { .edit-mode .top-bar .buttons-main {
white-space: nowrap; } white-space: nowrap; }
/* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */ /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */
.edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .s-menu span.buttons-main.l-click-area, .s-menu .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .select span.buttons-main.l-click-area, .select .edit-mode .top-bar span.buttons-main.l-click-area { .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .s-menu span.buttons-main.l-click-area, .s-menu .edit-mode .top-bar span.buttons-main.l-click-area {
bottom: auto; bottom: auto;
left: auto; } left: auto; }
@ -5531,7 +5509,7 @@ table {
.autoflow { .autoflow {
font-size: 0.75rem; } font-size: 0.75rem; }
/* line 32, ../../../../general/res/sass/_autoflow.scss */ /* line 32, ../../../../general/res/sass/_autoflow.scss */
.autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu, .autoflow:hover .l-autoflow-header .change-column-width.select { .autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: visibility, opacity, background-color, border-color;
@ -5555,7 +5533,7 @@ table {
.autoflow .l-autoflow-header span { .autoflow .l-autoflow-header span {
vertical-align: middle; } vertical-align: middle; }
/* line 48, ../../../../general/res/sass/_autoflow.scss */ /* line 48, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu, .autoflow .l-autoflow-header .change-column-width.select { .autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: visibility, opacity, background-color, border-color;
@ -5859,5 +5837,5 @@ table {
vertical-align: top; } vertical-align: top; }
/* line 3, ../sass/_controls.scss */ /* line 3, ../sass/_controls.scss */
.s-btn.major .title-label, .major.s-menu .title-label, .major.select .title-label { .s-btn.major .title-label, .major.s-menu .title-label {
text-transform: uppercase; } text-transform: uppercase; }

View File

@ -57,6 +57,8 @@ $colorInputBg: $colorGenBg;
$colorInputFg: $colorBodyFg; $colorInputFg: $colorBodyFg;
$colorFormText: pushBack($colorBodyFg, 10%); $colorFormText: pushBack($colorBodyFg, 10%);
$colorInputIcon: pushBack($colorBodyFg, 25%); $colorInputIcon: pushBack($colorBodyFg, 25%);
$colorSelectBg: pushBack($colorBodyFg, 45%);
$colorSelectFg: $colorBodyFg;
// Limits and staleness colors// // Limits and staleness colors//
$colorTelemFresh: pullForward($colorBodyFg, 20%); $colorTelemFresh: pullForward($colorBodyFg, 20%);