/***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * * Open MCT Web is licensed under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0. * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations * under the License. * * Open MCT Web includes source code licensed under additional open source * licenses. See the Open Source Licenses file (LICENSES.md) included with * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * * Open MCT Web is licensed under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0. * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations * under the License. * * Open MCT Web includes source code licensed under additional open source * licenses. See the Open Source Licenses file (LICENSES.md) included with * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ /************************** FEATURES */ /************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */ /************************** COLORS AND SHADING */ /************************** RATIOS */ /************************** LAYOUT */ /************************** CONTROLS */ /************************** PATHS */ /************************** TIMINGS */ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * * Open MCT Web is licensed under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0. * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations * under the License. * * Open MCT Web includes source code licensed under additional open source * licenses. See the Open Source Licenses file (LICENSES.md) included with * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ /*********************************************** FORM ELEMENTS */ /* @mixin invokeMenu($baseColor: $colorBodyFg) { $c: $baseColor; color: $c; &:hover { color: lighten($c, $ltGamma); } } */ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * * Open MCT Web is licensed under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0. * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations * under the License. * * Open MCT Web includes source code licensed under additional open source * licenses. See the Open Source Licenses file (LICENSES.md) included with * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ /* line 23, ../sass/tree/_tree.scss */ ul.tree { margin: 0; padding: 0; } /* line 308, ../sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; padding: 0; } /* line 25, ../sass/tree/_tree.scss */ ul.tree li { display: block; position: relative; } /* line 28, ../sass/tree/_tree.scss */ ul.tree li span.tree-item { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; display: block; font-size: 0.8em; height: 1.4rem; line-height: 1.4rem; margin-bottom: 3px; position: relative; } /* line 39, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .view-control { display: inline-block; margin-left: 5px; font-size: 0.75em; width: 10px; } /* line 45, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .view-control:hover { color: #ffc700; } /* line 50, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label { display: block; overflow: hidden; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto; height: auto; left: 15px; } /* line 57, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .type-icon { overflow: false; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; color: #0099cc; left: 5px; right: auto; width: 1em; } /* line 65, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .type-icon .icon.l-icon-link, ul.tree li span.tree-item .label .type-icon .icon.l-icon-alert { text-shadow: black 0 1px 2px; position: absolute; z-index: 2; } /* line 71, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .type-icon .icon.l-icon-alert { color: #ff3c00; font-size: 8px; line-height: 8px; height: 8px; width: 8px; top: 1px; right: -2px; } /* line 77, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .type-icon .icon.l-icon-link { color: #49dedb; font-size: 8px; line-height: 8px; height: 8px; width: 8px; left: -3px; bottom: 5px; } /* line 86, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .label .title-label { overflow: hidden; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto; height: auto; display: block; left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 97, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading { pointer-events: none; } /* line 99, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading .label { opacity: 0.5; } /* line 101, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading .label .title-label { font-style: italic; } /* line 105, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.loading .wait-spinner { margin-left: 14px; } /* line 110, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected { background: #005177; color: #fff; } /* line 114, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected .view-control { color: #0099cc; } /* line 117, ../sass/tree/_tree.scss */ ul.tree li span.tree-item.selected .label .type-icon { color: #fff; } /* line 123, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.selected):hover { background: #404040; color: #cccccc; } /* line 126, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.selected):hover .context-trigger { display: block; } /* line 129, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.selected):hover .icon { color: #33ccff; } /* line 135, ../sass/tree/_tree.scss */ ul.tree li span.tree-item:not(.loading) { cursor: pointer; } /* line 139, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .context-trigger { top: -1px; position: absolute; right: 3px; } /* line 145, ../sass/tree/_tree.scss */ ul.tree li span.tree-item .context-trigger .invoke-menu { font-size: 0.75em; height: 0.9rem; line-height: 0.9rem; } /* line 154, ../sass/tree/_tree.scss */ ul.tree ul.tree { margin-left: 15px; } /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * * Open MCT Web is licensed under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0. * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations * under the License. * * Open MCT Web includes source code licensed under additional open source * licenses. See the Open Source Licenses file (LICENSES.md) included with * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ /* line 23, ../sass/search/_search.scss */ .abs.search-holder { height: 25px; bottom: 0; z-index: 5; } /* line 27, ../sass/search/_search.scss */ .abs.search-holder.active { height: auto; bottom: 0; } /* line 38, ../sass/search/_search.scss */ .search { display: flex; flex-direction: column; height: 100%; } /* line 49, ../sass/search/_search.scss */ .search .search-bar { font-size: 0.8em; position: relative; width: 100%; } /* line 66, ../sass/search/_search.scss */ .search .search-bar .search-input { height: 25px; line-height: 25px; padding-top: 0; padding-bottom: 0; } /* line 73, ../sass/search/_search.scss */ .search .search-bar .search-icon, .search .search-bar .clear-icon, .search .search-bar .menu-icon { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #737373; height: 17px; width: 17px; line-height: 17px; position: absolute; text-align: center; top: 4px; } /* line 86, ../sass/search/_search.scss */ .search .search-bar .clear-icon, .search .search-bar .menu-icon { cursor: pointer; transition: color .25s; } /* line 93, ../sass/search/_search.scss */ .search .search-bar .search-input { position: relative; width: 100%; padding-left: 22px !important; padding-right: 44px !important; } /* line 100, ../sass/search/_search.scss */ .search .search-bar .search-input input { width: 100%; } /* line 105, ../sass/search/_search.scss */ .search .search-bar .search-icon { color: #737373; left: 3px; transition: visibility .15s, opacity .15s, color .2s; pointer-events: none; } /* line 125, ../sass/search/_search.scss */ .search .search-bar .search-input:hover + div.search-icon { color: #a6a6a6; } /* line 129, ../sass/search/_search.scss */ .search .search-bar .clear-icon { right: 22px; visibility: hidden; opacity: 0; transition: visibility .15s, opacity .15s, color .2s; } /* line 138, ../sass/search/_search.scss */ .search .search-bar .clear-icon.content { visibility: visible; opacity: 1; } /* line 143, ../sass/search/_search.scss */ .search .search-bar .clear-icon:hover { color: #a6a6a6; } /* line 148, ../sass/search/_search.scss */ .search .search-bar .menu-icon { font-size: 0.8em; padding-right: 4px; right: 4px; text-align: right; } /* line 154, ../sass/search/_search.scss */ .search .search-bar .menu-icon:hover { color: #a6a6a6; } /* line 159, ../sass/search/_search.scss */ .search .search-bar .search-menu-holder { float: right; left: -20px; z-index: 1; transition: visibility .05s, opacity .05s; } /* line 169, ../sass/search/_search.scss */ .search .search-bar .search-menu-holder.off { visibility: hidden; opacity: 0; } /* line 176, ../sass/search/_search.scss */ .search .search-bar .menu-icon:hover + div.search-menu-holder { visibility: visible; } /* line 179, ../sass/search/_search.scss */ .search .search-bar div.search-menu-holder:hover { visibility: visible; } /* line 184, ../sass/search/_search.scss */ .search .active-filter-display { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 130%; padding: 5px 0; padding-left: 1.4625em; font-size: 0.65em; margin-top: 3px; } /* line 199, ../sass/search/_search.scss */ .search .active-filter-display .clear-filters-icon { opacity: 0.4; font-size: 0.8em; position: absolute; left: 1px; cursor: pointer; } /* line 210, ../sass/search/_search.scss */ .search .active-filter-display.off { visibility: hidden; opacity: 0; height: 0; margin: 0; padding: 0; border: 0; } /* line 220, ../sass/search/_search.scss */ .search .search-scroll { order: 3; margin-top: 4px; overflow-y: auto; top: auto; height: auto; max-height: 100%; position: relative; } /* line 235, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item { -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; margin-bottom: 2px; border-radius: 2px; padding-top: 4px; padding-bottom: 2px; } /* line 249, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item .label { margin-left: 6px; } /* line 253, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item .label .title-label { display: inline-block; position: absolute; left: 29px; right: 5px; font-size: .8em; line-height: 17px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 275, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item.selected { background: #005177; color: #fff; } /* line 279, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item.selected .view-control { color: #0099cc; } /* line 282, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item.selected .label .type-icon { color: #fff; } /* line 289, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item:not(.selected):hover { background: #404040; color: #cccccc; } /* line 292, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger { display: block; } /* line 295, ../sass/search/_search.scss */ .search .search-scroll .results .search-result-item:not(.selected):hover .icon { color: #33ccff; } /* line 303, ../sass/search/_search.scss */ .search .search-scroll .load-icon { position: relative; } /* line 305, ../sass/search/_search.scss */ .search .search-scroll .load-icon.loading { pointer-events: none; margin-left: 6px; } /* line 309, ../sass/search/_search.scss */ .search .search-scroll .load-icon.loading .title-label { font-style: italic; font-size: .9em; opacity: 0.5; margin-left: 26px; line-height: 24px; } /* line 319, ../sass/search/_search.scss */ .search .search-scroll .load-icon.loading .wait-spinner { margin-left: 6px; } /* line 324, ../sass/search/_search.scss */ .search .search-scroll .load-icon:not(.loading) { cursor: pointer; } /* line 329, ../sass/search/_search.scss */ .search .search-scroll .load-more-button { margin-top: 5px; margin-bottom: 5px; position: relative; left: 25%; width: 50%; white-space: nowrap; height: 20px; line-height: 11px; font-size: 0.7em; }