grafana/src/vendor/bootstrap/less/overrides.less

#events {
  font-size: 12px;
}

.version {
  font-size: 85%;
}

.legend {
  color: @black;
}

div.fake-input {
  background-color: @inputBackground;
  border: 1px solid @inputBorder;
  .border-radius(@inputBorderRadius @inputBorderRadius @inputBorderRadius @inputBorderRadius);
}

hr.small {
  margin: 5px 0px;
}

form input.ng-invalid {
  color: @errorText;
}

.editor-title {
  margin-right: 10px;
  font-size: 1.7em;
  font-weight: bold;
  text-transform:capitalize;
}

.editor-title small {
  opacity: 0.5;
  font-size: 0.7em;
  font-weight: normal;
}

.bordered {
  border: 1px solid @tableBorder;
}

.table-unpadded {
  th,
  td {
    padding: 0px 2px;
  }
}

.spy {
  position:absolute;
  right:0px;
  top:0px;
}

.navbar-inner {
  border-width: 0 0 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.kibana-row {
  margin-bottom: 10px;
}

.row-button {
  border-left: 1px solid lighten(@bodyBackground, 10%);
  border-right: 1px solid darken(@bodyBackground, 10%);
  padding: 2px 7px 0px 7px;
  float: left;
}

.row-text {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
}

.row-close {
  outline: 1px solid darken(@bodyBackground, 10%);
  border-top: 1px solid lighten(@bodyBackground, 10%);
  padding: 0px;
  margin: 0px;
  min-height: 24px !important;
  line-height: 24px;
  background: darken(@bodyBackground, 3%);
}

.row-open {
  text-align: right;
  left:-18px;
  position: absolute;
  font-size: 13pt;
  font-weight: 200;
}

.top-row-open {
  background: darken(@bodyBackground, 3%);
  padding: 5px 25px 5px 25px;
}

.top-row-close {
  outline: 1px solid darken(@bodyBackground, 10%);
  border-top: 1px solid lighten(@bodyBackground, 10%);
  padding: 0px;
  margin: 1px 0px 0px 0px;
  text-align: center;
  min-height: 16px !important;
  line-height: 16px;
  background: darken(@bodyBackground, 3%);
}

.row-open i {
  font-size: 10pt;
}

.odd {
  background-color: @tableBackgroundAccent;
}

.nomargin {
  margin: 0px;
}


[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

.table tbody + tbody {
  border-top: 0px;
}

.panel-loading {
  position:absolute;
  top: 0px;
  left: 0px;
  z-index: 800;
}

.ui-draggable-dragging {
  display: block;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}

.panel-title {
  border: 0px;
  margin-left: -11px;
}

.panel div.panel-extra div.panel-extra-container {
  margin-right: -11px;
}

.panel div.panel-extra {
  font-size: 0.9em;
  margin-bottom: 10px;
}

.panel div.panel-extra .extra {
  float:right !important;
  border-bottom: 1px solid lighten(@bodyBackground, 5%);
}

.dragInProgress {
  background-color: darken(@bodyBackground,1%);
  border: 1px solid @tableBorder;
}

.link {
  color: @linkColor;
  cursor: pointer;
}

.link:hover {
  color: @linkColorHover;
}


.pointer:hover {
  color: @linkColorHover;
}

.pointer {
  cursor: pointer;
}

.popover {
  max-width: 480px;
}

.modal {
  width: 770px;
  margin-left: -385px;
  top: 10px !important;
}

.tiny {
  font-size: 50%;
}

.smaller {
  font-size: 70%;
}

.small {
  font-size: 85%;
}

.large {
  font-size: 120%;
}

.strong {
  font-weight: bold;
}

a {
  cursor: pointer;
}

.normal {
  font-weight: normal;
}

.light {
  font-weight: 200;
}

.input-smaller {
  width: 75px;
}

.string {color:lighten(@textColor, 5%)}
.number {color:lighten(@infoText, 5%)}
.boolean {color:lighten(@warningText, 5%)}
.key {color:lighten(@errorText, 5%)}

.typeahead { z-index: 1051; }

.btn-active {
  background-color: #E6E6E6;
  background-image: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0 none
}

.remove:hover {
  background-color: @btnDangerBackgroundHighlight;
}

.faded {
  opacity: 0.2;
}

div.flot-text {
  color: @textColor !important;
}

.dashboard-notice {
  z-index:8000;
  margin-left:0px;
  padding:3px 0px 3px 0px;
  width:100%;
  color: @textColor;
  padding-left:20px;
}

.panel-error {
  color: @textColor;
  padding: 3px 10px 0px 10px;
}

/* ===================================================
 * popover-extra-placements.css v0.1
 * http://twitter.github.com/bootstrap-popover-extra-placements
 * ===================================================
 * Copyright 2012 Daniel Kleehammer
 *
 * 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.
 * ========================================================== */


/*************************
 *   Top Positions
 *************************/

/** Top Left **/
.popover.topLeft {
  margin-top: -10px;
}

.popover.topLeft .arrow {
  bottom: -10px;
  left: 25%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: @popoverTitleBackground;
}

.popover.topLeft .arrow:after {
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -1px;
  left: -11px;
}

/** Top Right **/
.popover.topRight {
  margin-top: -10px;
}

.popover.topRight .arrow {
  bottom: -10px;
  left: 75%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: @popoverTitleBackground;;
}

.popover.topRight .arrow:after {
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -1px;
  left: -11px;
}


/*************************
 *   Right Positions
 *************************/

.popover {
  &.rightTop .arrow {
    top: 10%;
    left: -@popoverArrowOuterWidth;
    margin-top: -@popoverArrowOuterWidth;
    border-left-width: 0;
    border-right-color: #999; // IE8 fallback
    border-right-color: @popoverArrowOuterColor;
    &:after {
      left: 1px;
      bottom: -@popoverArrowWidth;
      border-left-width: 0;
      border-right-color: @popoverArrowColor;
    }
  }
  &.rightBottom .arrow {
    top: 90%;
    left: -@popoverArrowOuterWidth;
    margin-top: -@popoverArrowOuterWidth;
    border-left-width: 0;
    border-right-color: #999; // IE8 fallback
    border-right-color: @popoverArrowOuterColor;
    &:after {
      left: 1px;
      bottom: -@popoverArrowWidth;
      border-left-width: 0;
      border-right-color: @popoverArrowColor;
    }
  }
  &.bottomLeft .arrow {
    left: 10%;
    margin-left: -@popoverArrowOuterWidth;
    border-top-width: 0;
    border-bottom-color: #999; // IE8 fallback
    border-bottom-color: @popoverArrowOuterColor;
    top: -@popoverArrowOuterWidth;
    &:after {
      top: 1px;
      margin-left: -@popoverArrowWidth;
      border-top-width: 0;
      border-bottom-color: @popoverArrowColor;
    }
  }
  &.bottomRight .arrow {
    left: 90%;
    margin-left: -@popoverArrowOuterWidth;
    border-top-width: 0;
    border-bottom-color: #999; // IE8 fallback
    border-bottom-color: @popoverArrowOuterColor;
    top: -@popoverArrowOuterWidth;
    &:after {
      top: 1px;
      margin-left: -@popoverArrowWidth;
      border-top-width: 0;
      border-bottom-color: @popoverArrowColor;
    }
  }
  &.leftTop .arrow {
    top: 10%;
    right: -@popoverArrowOuterWidth;
    margin-top: -@popoverArrowOuterWidth;
    border-right-width: 0;
    border-left-color: #999; // IE8 fallback
    border-left-color: @popoverArrowOuterColor;
    &:after {
      right: 1px;
      border-right-width: 0;
      border-left-color: @popoverArrowColor;
      bottom: -@popoverArrowWidth;
    }
  }
  &.leftBottom .arrow {
    top: 90%;
    right: -@popoverArrowOuterWidth;
    margin-top: -@popoverArrowOuterWidth;
    border-right-width: 0;
    border-left-color: #999; // IE8 fallback
    border-left-color: @popoverArrowOuterColor;
    &:after {
      right: 1px;
      border-right-width: 0;
      border-left-color: @popoverArrowColor;
      bottom: -@popoverArrowWidth;
    }
  }
  &.topLeft .arrow {
    left: 10%;
    margin-left: -@popoverArrowOuterWidth;
    border-bottom-width: 0;
    border-top-color: #999; // IE8 fallback
    border-top-color: @popoverArrowOuterColor;
    bottom: -@popoverArrowOuterWidth;
    &:after {
      bottom: 1px;
      margin-left: -@popoverArrowWidth;
      border-bottom-width: 0;
      border-top-color: @popoverArrowColor;
    }
  }
  &.topRight .arrow {
    left: 90%;
    margin-left: -@popoverArrowOuterWidth;
    border-bottom-width: 0;
    border-top-color: #999; // IE8 fallback
    border-top-color: @popoverArrowOuterColor;
    bottom: -@popoverArrowOuterWidth;
    &:after {
      bottom: 1px;
      margin-left: -@popoverArrowWidth;
      border-bottom-width: 0;
      border-top-color: @popoverArrowColor;
    }
  }
}