body { margin: 0; } .eval_stats { font-size: 11px; } .graph_wrapper { margin-top: 8px; } .graph { position: relative; left: 40px; min-height: 400px; } #add_graph { margin-top: 10px; } .nav-tabs { margin-top: 5px; } .nav-tabs > li > a { padding: 5px 10px; } .tab-pane { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px; } .graph svg { border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; } .legend { display: inline-block; vertical-align: top; margin: 0 0 0 40px; } .graph_area { position: relative; font-family: Arial, Helvetica, sans-serif; margin: 5px 0 5px 0; } .y_axis { overflow: hidden; position: absolute; top: 1px; bottom: 0; width: 40px; } .graph .detail .x_label.flipped { right: 0; } .graph .detail .item.flipped { right: 10px; } .graph .detail .item.flipped:before { content: "\25b8"; left: auto; right: 1px; font-size: 0.8em; } .graph .detail .item.active { line-height: 1.4em; padding: 0.5em; } .labels { font-size: 11px; line-height: 11px; } .graph .detail .item .detail_swatch { float: right; display: inline-block; width: 10px; height: 10px; margin: 2px 2px 0 8px; } input[title=*]:hover:after { content: attr(title); } .config input, .config select { height: 12px; margin-bottom: 0; } .config label { display: inline; } .console_table { margin: 5px 0px; font-size: 0.8em; } select name="insert_metric" { margin-bottom: 0px; } /* Buttons */ .config button { font-size: 10pt; margin-right: .3em; } .config input { font-size: 10pt; } .config .input-append i { padding-top: -4px; margin-top: 0; } .config .input-append .btn:first-child i { margin-right: 4px; margin-left: 2px; } .config .input-append .btn:last-child i { margin-left: 6px; } .config .icon-backward { background-position: -242px -72px; } .datepicker { font-size: 10pt; } input[name="end_input"], input[name="range_input"] { margin-left: -1px; margin-right: -1px; } .error { padding: 5px; margin: 2px; } .btn, .form-control, .nav-tabs > li > a { border-radius: 0; } .prometheus_input_group { display: inline-block; margin: 10px 10px; overflow: auto; } .prometheus_input_group .btn { font-size: 0.8em; } .prometheus_input_group .input { width: 100px; height: 29px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .prometheus_input_group .date_input { width: 200px; } .expression_input_group { width: 80%; } .expression_input_group .input-group-btn { /* Without this, the .input-group-btn has "width: auto" and extends to the * right past the contained button's width */ width: 1px !important; } .form-group .input-group .expression_input { width: auto; } .expression_select { width: 210px !important; } .graph_container .rickshaw_legend { background-color: #222222; border-radius: 0; }