openmct/platform/features/timeline/res/css/timeline.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 */
/************************** RATIOS */
/************************** LAYOUT */
/************************** CONTROLS */
/************************** PATHS */
/************************** TIMINGS */
/************************** LIMITS */
/*****************************************************************************
 * 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.
 *****************************************************************************/
/*********************************************** CONTROLS, FORM ELEMENTS */
/*****************************************************************************
 * 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 1, ../sass/_activities.scss */
.l-timeline-gantt {
  position: absolute;
  top: 2px;
  bottom: 2px; }
  /* line 5, ../sass/_activities.scss */
  .l-timeline-gantt .bar {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 17px;
    line-height: 19px;
    padding: 0 5px; }
    /* line 11, ../sass/_activities.scss */
    .l-timeline-gantt .bar span {
      display: inline; }
      /* line 15, ../sass/_activities.scss */
      .l-timeline-gantt .bar span.s-activity-type.timeline:before {
        content: "S"; }
      /* line 20, ../sass/_activities.scss */
      .l-timeline-gantt .bar span.s-activity-type.activity:before {
        content: "A"; }
      /* line 25, ../sass/_activities.scss */
      .l-timeline-gantt .bar span.s-title {
        text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
      /* line 28, ../sass/_activities.scss */
      .l-timeline-gantt .bar span.duration {
        left: auto;
        opacity: 0.75;
        right: 0;
        text-align: right;
        width: 60px; }
      /* line 35, ../sass/_activities.scss */
      .l-timeline-gantt .bar span.handle {
        top: 0;
        bottom: 0;
        height: auto;
        width: 15px; }
        /* line 40, ../sass/_activities.scss */
        .l-timeline-gantt .bar span.handle.left {
          right: auto; }
        /* line 43, ../sass/_activities.scss */
        .l-timeline-gantt .bar span.handle.middle {
          right: 15px;
          left: 15px;
          width: auto; }
        /* line 48, ../sass/_activities.scss */
        .l-timeline-gantt .bar span.handle.right {
          right: 0;
          left: auto; }

/* line 58, ../sass/_activities.scss */
.edit-mode .s-timeline-gantt .handle {
  cursor: col-resize; }
  /* line 60, ../sass/_activities.scss */
  .edit-mode .s-timeline-gantt .handle.mid {
    cursor: ew-resize; }

/*****************************************************************************
 * 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/_timelines.scss */
.l-timeline-holder {
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: auto;
  height: auto; }
  /* line 26, ../sass/_timelines.scss */
  .l-timeline-holder .l-timeline-pane {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: auto;
    height: auto; }
    /* line 29, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane .l-width-control {
      position: relative; }
    /* line 33, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane .l-swimlanes-holder {
      overflow: hidden;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      width: auto;
      height: auto;
      top: 31px; }
    /* line 40, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v {
      overflow: hidden;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      width: auto;
      height: auto; }
      /* line 43, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-l {
        right: auto;
        width: 266px; }
      /* line 48, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r {
        overflow-x: auto;
        overflow-y: hidden;
        left: 266px; }
        /* line 52, ../sass/_timelines.scss */
        .l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r .l-width {
          overflow: visible;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: auto;
          height: auto;
          min-width: 590px;
          width: 100%; }
    /* line 60, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-gantt .l-swimlanes-holder {
      overflow-x: hidden;
      overflow-y: scroll; }
    /* line 64, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 5px 0;
      white-space: nowrap; }
      /* line 69, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items {
        overflow: hidden;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        width: auto;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        top: 25px; }
      /* line 74, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item {
        display: block;
        margin-bottom: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        /* line 81, ../sass/_timelines.scss */
        .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .color-swatch {
          vertical-align: baseline; }
        /* line 84, ../sass/_timelines.scss */
        .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .title-label {
          vertical-align: baseline; }
    /* line 93, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder {
      overflow: hidden;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      width: auto;
      height: auto;
      bottom: 10px; }
      /* line 97, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graphs {
        overflow: hidden;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        width: auto;
        height: auto;
        overflow-x: hidden;
        overflow-y: scroll; }
      /* line 102, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graph-labels-holder {
        overflow: hidden;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        width: auto;
        height: auto;
        overflow: hidden;
        right: auto;
        width: 400px; }
    /* line 110, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control {
      overflow: hidden;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      width: auto;
      height: auto;
      overflow-x: scroll;
      overflow-y: hidden;
      top: auto;
      right: 10px;
      height: 10px; }
      /* line 116, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control .l-width-control {
        height: 10px; }
    /* line 121, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph,
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels {
      height: 80px;
      margin-bottom: 3px;
      position: relative; }
    /* line 128, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      top: 5px;
      left: 5px;
      position: absolute; }
    /* line 134, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph {
      width: 100%; }
      /* line 137, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph .l-graph-area canvas {
        width: 100%;
        height: 100%; }
    /* line 144, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels {
      z-index: 10; }
    /* line 148, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area {
      overflow: hidden;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      width: auto;
      height: auto;
      top: 20px;
      bottom: 5px; }
      /* line 151, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder {
        overflow: hidden;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        width: auto;
        height: auto;
        left: 5px; }
        /* line 154, ../sass/_timelines.scss */
        .l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder .tick-label.tick-label-y {
          text-align: left; }
    /* line 162, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.l-pane-l {
      right: auto;
      min-width: 50px;
      max-width: 90%;
      width: 30%; }
    /* line 169, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.l-pane-r {
      left: 0; }
      /* line 172, ../sass/_timelines.scss */
      .l-timeline-holder .l-timeline-pane.l-pane-r:hover .l-hover-btns-holder {
        -moz-transition-property: opacity, background-color, border-color, color;
        -o-transition-property: opacity, background-color, border-color, color;
        -webkit-transition-property: opacity, background-color, border-color, color;
        transition-property: opacity, background-color, border-color, color;
        -moz-transition-duration: 100ms;
        -o-transition-duration: 100ms;
        -webkit-transition-duration: 100ms;
        transition-duration: 100ms;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        opacity: 1; }
    /* line 179, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.l-pane-top {
      bottom: 30%; }
    /* line 182, ../sass/_timelines.scss */
    .l-timeline-holder .l-timeline-pane.l-pane-btm {
      top: auto;
      min-height: 20px;
      max-height: 80%;
      height: 30%; }
  /* line 190, ../sass/_timelines.scss */
  .l-timeline-holder .l-swimlane {
    height: 21px;
    position: relative; }
  /* line 196, ../sass/_timelines.scss */
  .l-timeline-holder .s-timeline-tabular .l-header,
  .l-timeline-holder .s-timeline-gantt .l-header {
    overflow: visible;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    bottom: auto;
    height: 30px; }
    /* line 201, ../sass/_timelines.scss */
    .l-timeline-holder .s-timeline-tabular .l-header .l-header-elem,
    .l-timeline-holder .s-timeline-gantt .l-header .l-header-elem {
      overflow: visible;
      position: absolute;
      top: 5px;
      right: 5px;
      bottom: 5px;
      left: 5px;
      width: auto;
      height: auto;
      display: block; }
      /* line 205, ../sass/_timelines.scss */
      .l-timeline-holder .s-timeline-tabular .l-header .l-header-elem.l-labels .l-label,
      .l-timeline-holder .s-timeline-gantt .l-header .l-header-elem.l-labels .l-label {
        position: absolute;
        width: 140px;
        margin-left: -70px;
        text-align: center; }
  /* line 215, ../sass/_timelines.scss */
  .l-timeline-holder .l-hover-btns-holder {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: auto;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition-property: opacity, background-color, border-color, color;
    -o-transition-property: opacity, background-color, border-color, color;
    -webkit-transition-property: opacity, background-color, border-color, color;
    transition-property: opacity, background-color, border-color, color;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 0;
    height: 30px;
    width: 100px;
    left: auto;
    padding: 5px;
    text-align: right;
    z-index: 10; }
  /* line 228, ../sass/_timelines.scss */
  .l-timeline-holder .l-cols {
    overflow: visible;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    text-wrap: none;
    white-space: nowrap; }
    /* line 232, ../sass/_timelines.scss */
    .l-timeline-holder .l-cols .l-col {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      height: 100%;
      padding: 0 5px;
      position: relative;
      text-wrap: none;
      white-space: nowrap; }
      /* line 242, ../sass/_timelines.scss */
      .l-timeline-holder .l-cols .l-col.l-col-icon {
        width: 16px;
        text-align: center;
        padding: 0; }
        /* line 246, ../sass/_timelines.scss */
        .l-timeline-holder .l-cols .l-col.l-col-icon .ui-symbol {
          color: #0099cc; }
      /* line 251, ../sass/_timelines.scss */
      .l-timeline-holder .l-cols .l-col.l-plot-resource {
        border-left: none !important;
        cursor: pointer;
        padding-left: 0; }
      /* line 257, ../sass/_timelines.scss */
      .l-timeline-holder .l-cols .l-col.l-title {
        width: 250px; }
      /* line 261, ../sass/_timelines.scss */
      .l-timeline-holder .l-cols .l-col.l-start, .l-timeline-holder .l-cols .l-col.l-end, .l-timeline-holder .l-cols .l-col.l-duration {
        width: 110px; }
      /* line 267, ../sass/_timelines.scss */
      .l-timeline-holder .l-cols .l-col.l-activity-modes {
        display: none;
        width: 250px; }
  /* line 275, ../sass/_timelines.scss */
  .l-timeline-holder .s-timeline-tabular .l-header .l-cols {
    top: 5px;
    bottom: 5px; }
  /* line 281, ../sass/_timelines.scss */
  .l-timeline-holder .s-timeline-tabular .l-pane-l .l-cols {
    left: 5px; }
  /* line 287, ../sass/_timelines.scss */
  .l-timeline-holder .splitter {
    top: 0; }
  /* line 293, ../sass/_timelines.scss */
  .l-timeline-holder .l-ticks,
  .l-timeline-holder .l-subticks {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: auto;
    height: auto;
    top: auto;
    bottom: 3px; }
  /* line 299, ../sass/_timelines.scss */
  .l-timeline-holder .l-ticks {
    height: 10px; }
  /* line 303, ../sass/_timelines.scss */
  .l-timeline-holder .l-subticks {
    height: 5px; }