6 border-bottom: 1px solid #bbb;
7 border-top-left-radius: 0.5rem;
8 border-top-right-radius: 0.5rem;
19 .chart-pane:focus header {
20 background-color: rgba(204, 153, 51, 0.1);
24 .chart-pane .progress {
29 .chart-pane .progress .spinner {
37 .chart-pane a.close-button {
38 display: inline-block;
44 .chart-pane a.stat-button {
45 display: inline-block;
51 .chart-pane a.outlier-button {
52 display: inline-block;
54 right: 3.25rem; /* Shifted to left by 0.1rem for better aesthetics */
58 a.outlier-button.hide g.show-outlier-icon {
63 a.outlier-button.show g.hide-outlier-icon {
68 .chart-pane a.analysis-button {
69 display: inline-block;
75 .chart-pane a.search-button {
76 display: inline-block;
86 border: 1px solid #bbb;
89 border-radius: 0.5rem;
104 .popup-pane > .caution {
106 padding: 0.3rem 0.5rem;
109 .popup-pane > section {
116 .popup-pane > section > h1 {
119 padding: 0.3rem 0.5rem;
121 border-top: solid 1px #ccc;
122 border-bottom: solid 1px #ccc;
125 .popup-pane > section:first-child h1 {
129 .popup-pane > section > * {
131 margin: 0.1rem 0.5rem 0.1rem 1rem;
134 .stat-option input[type=number] {
148 vertical-align: middle;
151 border-top-right-radius: 0.5rem;
152 border-bottom-right-radius: 0.5rem;
158 .search-pane .repositories {
160 vertical-align: middle;
164 .search-pane input:focus {
165 background-color: rgb(249, 242, 228);
173 .chart-pane .svg-container {
177 .chart-pane .svg-container {
182 display: inline-block;
184 border: solid 1px #d9d9d9;
185 border-radius: 0.3rem;
193 .selection-toolbar .button {
200 border-left: solid 1px #bbb;
203 .selection-toolbar .button:first-child {
207 .selection-toolbar .button svg {
212 .chart-pane .details {
218 border-left: solid 1px #bbb;
221 .analysis-chart-pane {
225 .analysis-chart-pane table {
229 .chart-pane .overview {
231 border-bottom: solid 0px #eee;
234 .chart-pane .details-table-container {
241 .analysis-chart-pane .details-table-container {
246 .chart-pane .details-table,
247 .chart-pane .commits-viewer {
251 border-collapse: collapse;
254 .chart-pane .commits-viewer {
258 .chart-pane .details-table td:last-child {
262 .chart-pane .details-table th {
269 .chart-pane .details-table td {
273 .chart-pane .details-table .bugs th {
277 .chart-pane .details-table th:after {
281 .chart-pane .details-table .status th {
285 .chart-pane .details-table .status td {
289 .chart-pane .commits-viewer caption {
290 border-top: solid 1px #ccc;
294 padding-left: 0.5rem;
298 .chart-pane .commits-viewer caption:before,
299 .analysis-group .results .summary .config-letter:before {
300 display: inline-block;
302 content: "\25BE"; /* Down arrow */
305 .chart-pane .commits-viewer.hidden caption:before,
306 .analysis-group .results .hideRequests .summary .config-letter:before {
307 display: inline-block;
309 content: "\25B8"; /* Right arrow */
312 .chart-pane .commits {
313 border-bottom: solid 1px #ccc;
314 margin-bottom: 0.2rem;
317 .chart-pane .commits-viewer {
318 border-collapse: collapse;
321 .chart-pane .commits-viewer td,
322 .chart-pane .commits-viewer th {
323 word-break: break-word;
324 border-top: solid 1px #ccc;
328 .chart-pane .commits-viewer th {
333 .chart-pane .commits-viewer td {
341 .chart-pane .chart svg {
365 .chart .dot.foreground {
374 .chart path.area.foreground {
377 .chart path.current {
381 .chart path.current.foreground {
385 .chart path.movingAverage {
391 .chart path.envelope {
397 .chart path.baseline {
400 .chart-pane .status .worse,
401 .dashboard-status .worse {
408 .chart-pane .status .better,
409 .dashboard-status .better {
413 .dashboard-status .status-label {
423 shape-rendering: crispEdges;
430 .chart .current-item {
447 shape-rendering: crispEdges;
455 .chart .axis.interactive text {
461 background-color: #fc6;