zeusjs/viz

/**
 * Copyright 2015, Symantec Corporation
 * All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree
 */
svg.punch-card
{
    g.axis
    {
        fill: $color_gray;
        text
        {
            font-size: 0.85em;
        }

        path,
        line
        {
            fill: none;
            stroke: $color_gray;
            shape-rendering: crispEdges;
        }
    }
}

.punch-card-tooltip
{
    position: absolute;
    border-radius: 10px;
    background: rgba(0,0,0,.8);
    color: #ddd;
    padding: 5px;
    max-width: 200px;
    text-align: center;

    .tooltip-message:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid rgba(0,0,0,.8);
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: rotate( 270deg );
        -webkit-transform: rotate( 270deg );
    }
}