openmct/platform/commonUI/general/res/css/tree.css

/*****************************************************************************
 * 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.
 *****************************************************************************/
/*
@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 276, ../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 */
.search-holder {
  padding-right: 5px;
  top: 23px;
  margin-top: 10px; }
  /* line 34, ../sass/search/_search.scss */
  .search-holder .search {
    display: flex;
    flex-direction: column;
    height: 100%; }
    /* line 39, ../sass/search/_search.scss */
    .search-holder .search .search-bar {
      order: 1;
      position: relative;
      width: 100%;
      height: 19px;
      margin-top: 4px; }
      /* line 50, ../sass/search/_search.scss */
      .search-holder .search .search-bar .search-input {
        position: relative;
        top: -4px;
        width: 100%;
        height: 19px;
        padding-right: 16px;
        padding-right: 28px; }
      /* line 63, ../sass/search/_search.scss */
      .search-holder .search .search-bar .search-icon {
        color: #737373;
        font-size: 12px;
        margin-left: 3px;
        width: 0;
        height: 0;
        margin-top: -19px;
        transition: visibility .15s, opacity .15s, color .2s; }
        /* line 77, ../sass/search/_search.scss */
        .search-holder .search .search-bar .search-icon.content {
          visibility: hidden;
          opacity: 0; }
      /* line 85, ../sass/search/_search.scss */
      .search-holder .search .search-bar .search-input:focus + div.search-icon {
        visibility: hidden;
        opacity: 0; }
      /* line 91, ../sass/search/_search.scss */
      .search-holder .search .search-bar .search-input:hover + div.search-icon {
        color: #a6a6a6; }
      /* line 95, ../sass/search/_search.scss */
      .search-holder .search .search-bar .clear-icon {
        position: absolute;
        display: block;
        cursor: pointer;
        color: #737373;
        font-size: 6px;
        padding: 6px;
        padding-left: 4px;
        right: 0px;
        top: -3px;
        visibility: hidden;
        opacity: 0;
        transition: visibility .15s, opacity .15s, color .2s;
        right: 15px;
        padding-right: 4px; }
        /* line 115, ../sass/search/_search.scss */
        .search-holder .search .search-bar .clear-icon.content {
          visibility: visible;
          opacity: 1; }
        /* line 120, ../sass/search/_search.scss */
        .search-holder .search .search-bar .clear-icon:hover {
          color: #a6a6a6; }
      /* line 129, ../sass/search/_search.scss */
      .search-holder .search .search-bar .menu-icon {
        position: absolute;
        display: block;
        cursor: pointer;
        color: #737373;
        font-size: 6px;
        padding: 6px;
        padding-left: 3px;
        right: 0px;
        top: -3px;
        transition: color .2s; }
        /* line 145, ../sass/search/_search.scss */
        .search-holder .search .search-bar .menu-icon:hover {
          color: #a6a6a6; }
      /* line 150, ../sass/search/_search.scss */
      .search-holder .search .search-bar .search-menu-holder {
        float: right;
        margin-top: 17px;
        left: -50px;
        z-index: 9;
        transition: visibility .11s, opacity .11s; }
        /* line 159, ../sass/search/_search.scss */
        .search-holder .search .search-bar .search-menu-holder.off {
          visibility: hidden;
          opacity: 0; }
        /* line 164, ../sass/search/_search.scss */
        .search-holder .search .search-bar .search-menu-holder .search-menu {
          border-top: 0; }
          /* line 167, ../sass/search/_search.scss */
          .search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 4px;
            padding-right: 6px;
            font-size: 0.8em;
            color: #e6e6e6;
            cursor: pointer;
            transition: background-color .13s; }
            /* line 181, ../sass/search/_search.scss */
            .search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item .search-menu-checkbox {
              margin-top: 0.3em;
              padding-left: 0;
              margin-right: 0;
              padding-right: 2px; }
              /* line 194, ../sass/search/_search.scss */
              .search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item .search-menu-checkbox em:before {
                color: white;
                background-color: grey;
                height: 12px;
                width: 12px;
                font-size: .7em; }
            /* line 207, ../sass/search/_search.scss */
            .search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item .search-menu-glyph {
              color: #3dcfff; }
            /* line 211, ../sass/search/_search.scss */
            .search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item.special {
              font-weight: bold;
              background-color: #666666; }
              /* line 215, ../sass/search/_search.scss */
              .search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item.special .search-menu-label {
                font-size: 1.1em; }
              /* line 219, ../sass/search/_search.scss */
              .search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item.special:hover {
                background-color: gray; }
      /* line 228, ../sass/search/_search.scss */
      .search-holder .search .search-bar .search-menu-holder:after {
        position: absolute;
        top: -6px;
        left: 35px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #5e5e5e;
        border-left: 6px solid transparent;
        content: ''; }
      /* line 241, ../sass/search/_search.scss */
      .search-holder .search .search-bar .menu-icon:hover + div.search-menu-holder {
        visibility: visible; }
      /* line 244, ../sass/search/_search.scss */
      .search-holder .search .search-bar div.search-menu-holder:hover {
        visibility: visible; }
    /* line 249, ../sass/search/_search.scss */
    .search-holder .search .active-filter-display {
      order: 2;
      font-size: .6em;
      background-color: #4d4d4d;
      border-radius: 2px;
      border: 1px solid #404040;
      padding-left: 4px;
      padding-right: 4px;
      margin-top: 2px; }
      /* line 262, ../sass/search/_search.scss */
      .search-holder .search .active-filter-display .clear-filters-icon {
        padding: 4px;
        position: relative;
        margin-left: -4px;
        top: 0.7em;
        cursor: pointer;
        color: #737373;
        font-size: 6px; }
      /* line 275, ../sass/search/_search.scss */
      .search-holder .search .active-filter-display .filter-options {
        position: relative;
        top: -0.5em;
        margin-left: 14px;
        text-indent: -4px; }
      /* line 288, ../sass/search/_search.scss */
      .search-holder .search .active-filter-display.off {
        visibility: hidden;
        opacity: 0;
        height: 0;
        margin: 0;
        padding: 0;
        border: 0; }
    /* line 298, ../sass/search/_search.scss */
    .search-holder .search .search-scroll {
      order: 3;
      margin-top: 4px;
      overflow-y: auto;
      top: auto;
      height: auto;
      max-height: 100%;
      position: relative; }
      /* line 313, ../sass/search/_search.scss */
      .search-holder .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 327, ../sass/search/_search.scss */
        .search-holder .search .search-scroll .results .search-result-item .label {
          margin-left: 6px; }
          /* line 331, ../sass/search/_search.scss */
          .search-holder .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 353, ../sass/search/_search.scss */
        .search-holder .search .search-scroll .results .search-result-item.selected {
          background: #005177;
          color: #fff; }
          /* line 357, ../sass/search/_search.scss */
          .search-holder .search .search-scroll .results .search-result-item.selected .view-control {
            color: #0099cc; }
          /* line 360, ../sass/search/_search.scss */
          .search-holder .search .search-scroll .results .search-result-item.selected .label .type-icon {
            color: #fff; }
        /* line 367, ../sass/search/_search.scss */
        .search-holder .search .search-scroll .results .search-result-item:not(.selected):hover {
          background: #404040;
          color: #cccccc; }
          /* line 370, ../sass/search/_search.scss */
          .search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger {
            display: block; }
          /* line 373, ../sass/search/_search.scss */
          .search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .icon {
            color: #33ccff; }
      /* line 381, ../sass/search/_search.scss */
      .search-holder .search .search-scroll .load-icon {
        position: relative; }
        /* line 383, ../sass/search/_search.scss */
        .search-holder .search .search-scroll .load-icon.loading {
          pointer-events: none;
          margin-left: 6px; }
          /* line 387, ../sass/search/_search.scss */
          .search-holder .search .search-scroll .load-icon.loading .title-label {
            font-style: italic;
            font-size: .9em;
            opacity: 0.5;
            margin-left: 26px;
            line-height: 24px; }
          /* line 397, ../sass/search/_search.scss */
          .search-holder .search .search-scroll .load-icon.loading .wait-spinner {
            margin-left: 6px; }
        /* line 402, ../sass/search/_search.scss */
        .search-holder .search .search-scroll .load-icon:not(.loading) {
          cursor: pointer; }
      /* line 407, ../sass/search/_search.scss */
      .search-holder .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; }