1/* Copyright (C) 2017 The Android Open Source Project 2 3 Licensed under the Apache License, Version 2.0 (the "License"); 4 you may not use this file except in compliance with the License. 5 You may obtain a copy of the License at 6 7 http://www.apache.org/licenses/LICENSE-2.0 8 9 Unless required by applicable law or agreed to in writing, software 10 distributed under the License is distributed on an "AS IS" BASIS, 11 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 See the License for the specific language governing permissions and 13 limitations under the License. 14*/ 15.page-button-wrapper { 16 top: 50%; 17 bottom: auto; 18 padding: 0; 19} 20#newer-wrapper { 21 left: 23px; 22 right: auto; 23} 24#chart-holder { 25 padding: 30px 5px; 26} 27#pie-chart-div { 28 width: 100%; 29 height: 300px; 30} 31.row .col div.pie-chart-div { 32 width: 100%; 33 height: 255px; 34} 35#profiling-container { 36 padding: 0; 37} 38#summary-container { 39 padding: 0; 40 line-height: 18px; 41 font-weight: 300; 42 color: rgb(97, 97, 97); 43} 44#summary-container .summary-header { 45 font-size: 18px; 46 font-weight: normal; 47 color: rgba(0, 0, 0, 0.87); 48 border-bottom: 1px solid rgb(221, 221, 221); 49 margin: 0; 50 padding: 10px 15px; 51} 52#summary-container .summary-header i { 53 margin-right: 10px; 54} 55#summary-container div { 56 margin: 15px; 57} 58#error-div { 59 padding: 30px 25px; 60} 61#profiling-body { 62 border: none; 63} 64#profiling-list { 65 max-height: 200px; 66 overflow-y: scroll; 67} 68.collapsible-header { 69 user-select: none; 70} 71.collapsible-link { 72 color: inherit; 73} 74.collection a.collection-item.profiling-point-name { 75 color: #616161; 76 font-size: 13px; 77 padding: 2px 0 2px 25px; 78} 79#legend-wrapper { 80 display: inline-block; 81 padding: 10px 15px 12px; 82} 83.btn.inline-btn { 84 border-radius: 50px; 85 height: auto; 86 line-height: inherit; 87 padding: 1px; 88 margin-left: 2px; 89} 90i.material-icons.inline-icon { 91 font-size: inherit; 92} 93a.legend-circle { 94 width: 15px; 95 height: 15px; 96 padding: 0; 97 border-radius: 15px; 98} 99.legend-header-cell { 100 text-transform: capitalize; 101} 102.legend-entry { 103 display: inline-block; 104 margin: 0 5px; 105 min-width: 50px; 106} 107.legend-bubble { 108 border-radius: 20px; 109 height: 20px; 110 width: 20px; 111 margin: 0 auto; 112} 113#pie-chart-wrapper, .row .col.pie-chart-wrapper { 114 padding: 25px 0; 115} 116.pie-chart-title { 117 cursor: default; 118} 119div.status-icon { 120 width: 10px; 121 height: 10px; 122 border-radius: 10px; 123 display: inline-block; 124 margin-left: 5px; 125} 126.test-case-status { 127 border-radius: 50px; 128 display: inline-block; 129 height: 100%; 130 width: 100%; 131} 132.test-case-status.width-1 { 133 width: calc(100% - 18px); 134} 135.TEST_CASE_RESULT_PASS { 136 background-color: #4CAF50; 137} 138.TEST_CASE_RESULT_FAIL { 139 background-color: #F44336; 140} 141.TEST_CASE_RESULT_SKIP { 142 background-color: #A8A8A8; 143} 144.TEST_CASE_RESULT_EXCEPTION { 145 background-color: black; 146} 147.TEST_CASE_RESULT_TIMEOUT { 148 background-color: #9900CC; 149} 150.UNKNOWN_RESULT { 151 background-color: white; 152 border: 1px #A8A8A8 solid; 153} 154.tabs > div.indicator { 155 height: 3px; 156} 157