styles.less 2.67 KB
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */

.screens-dashboard-Tile [is="coral-table"] [coral-table-scroll],
.screens-dashboard-Tile coral-table [coral-table-scroll] {
    max-height: 500px;
}

.screens-dashboard-Tile-content--spaced {
    padding: 1.5625rem;
}

.screens-dashboard-Tile-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25em;
  margin: 0;
}

.screens-dashboard-Tile-subtitle {
  margin: 0.5em 0 1em 0;
}

.screens-dashboard-Tile-sectiontitle {
  text-transform: uppercase;
  color: #999999;
  font-size: inherit;
  font-weight: normal;
  margin: 2rem 0 0.5rem;
}

.screens-dashboard-Tile-secondarycontent {
    color: #999999;
    font-style: italic;
}

.screens-dcc-actions-Display-activechannel-activator {
    vertical-align: baseline;
}

.screens-dashboard-DeviceScreenshotTile {

    .screens-DeviceScreenshot-timestamp {
        padding: 10px;
        text-align: left;

        coral-icon {
            margin-right: 10px;
            vertical-align: bottom;
        }

        &.is-available {
            position: absolute;
            left: 20px;
            right: 20px;
            background-color: rgba(0,0,0,0.5);
            color: #fff;
        }
    }
}

.screens-DeviceScreenshot-image {
    width: 100%;
}

/* heartbeat animation */
@keyframes pulse {
  0% {
    color: rgba(165, 25, 25, 1);
  }
  90% {
    color: rgba(255,0,0,0.0);
  }
  100% {
    color: rgba(255,0,0,1.0);
  }

}

@-webkit-keyframes pulse {
  0% {
    color: rgba(165, 25, 25, 1);
  }
  90% {
    color: rgba(255,0,0,0.0);
  }
  100% {
    color: rgba(255,0,0,1.0);
  }
}

@-moz-keyframes pulse {
  0% {
    color: rgba(165, 25, 25, 1);
  }
  90% {
    color: rgba(255,0,0,0.0);
  }
  100% {
    color: rgba(255,0,0,1.0);
  }
}

.screens-DevicePing-heartbeat.is-available > coral-icon {
  -webkit-animation: pulse 1s linear infinite;
  -moz-animation: pulse 1s linear infinite;
  animation: pulse 1s linear infinite;
}

.cq-apps-AppDetails .screens-Channel-offline.cq-apps-AppDetails-metadata dd:not(.icon) {
  white-space: normal;
}

.screens-DevicePing-status {
  color: white;
}