/*
 * Copyright (C) 2013 Apple Inc. All rights reserved.
 * Copyright (C) 2015 University of Washington.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 * 1. Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
 * THE POSSIBILITY OF SUCH DAMAGE.
 */

body {
    margin-top: 15px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    background-color: #E9E7DF;
    color: #5C5C5C;
}

#content {
    width: 1000px;
    margin: auto;
    position: relative;
}

#content > hr {
    height: 2px;
    border: none;
    background-color: #9C9C9C;
    margin: 20px 0px 40px;
}

h1 {
    margin-bottom: 20px;
    text-align: center;
}

#range-picker {
    font-family: "HelveticaNeue-Light", sans-serif;
    font-size: 14px;
    color: rgb(89, 42, 120);
    font-weight: bold;
    line-height: 28px;
    cursor: pointer;
    background-color: rgb(228, 223, 233);
    padding: 3px 10px;
    border: 2px solid rgba(45, 0, 85, .5);
    border-radius: 15px;
}

#range-picker:hover {
    border-color: rgba(140, 10, 250, .5);
    background-color: rgb(230, 220, 240);
}

ul.status-messages {
    list-style-type: none;
}

ul.status-messages li {
    display: none;
}

#content.loading-commits ul.status-messages li.loading-commits,
#content.loading-patches ul.status-messages li.loading-patches {
    display: block;
}

#content.loading-patches .details {
    display: none;
}

#content.loading-patches .queue-container {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.5;
    pointer-events: none;
}

@keyframes dimmer {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

ul.status-messages li {
    animation: dimmer 1s infinite;
}

/* Queue flow diagrams */

.queue-container {
    position: relative;
    transition: opacity 0.3s ease-in-out;
}

span.date-label {
    font-size: 20px;
    margin-right: 10px;
}

.legend {
    position: absolute;
    top: 31px;
    right: 15px;
}

ul.queue-diagrams {
    text-align: left;
    list-style-type: none;
}

li.queue {
    margin-bottom: 10px;
    display: block;
    /* Hack to clear spaces from between inline elements.
       See: http://stackoverflow.com/questions/2628050/ignore-whitespace-in-html */
    font-size: 0;
}

li.queue .queue-item {
    display: inline-block;
    height: 270px;
    position: relative;
}

li.queue span.queue-label {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;

    text-align: center;
    font-weight: bold;
    font-size: 26px !important;
}

/* Histogram related css */

.label
{
	fill:#5C5C5C;
}

.labelslow
{
	fill:#AA3C3C;
}

.bar rect {
  fill: #979797;
  shape-rendering: crispEdges;
}

.bar rect:hover {
  fill: #876E9E ;
}

.bar text {
  font-size: 7px white;
  fill: #fff;
}

.axis path,

.axis line {
    fill: none;
    stroke: black;
    shape-rendering: crispEdges;
}

.axis text {
    font-family: sans-serif;
    font-size: 11px;
}

.d3-tip {
  line-height: 1;
  font-size: 11px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}