golang.org/x/build@v0.0.0-20240506185731-218518f32b70/perf/app/dashboard/static/style.css (about) 1 /*! 2 * Copyright 2022 The Go Authors. All rights reserved. 3 * Use of this source code is governed by a BSD-style 4 * license that can be found in the LICENSE file. 5 */ 6 7 * { 8 box-sizing: border-box; 9 } 10 body { 11 color: #222; 12 font-family: sans-serif; 13 margin: 0; 14 padding: 10px; 15 } 16 17 h1, 18 h2, 19 h1 > a, 20 h2 > a, 21 h1 > a:visited, 22 h2 > a:visited { 23 color: #375eab; 24 } 25 h1 { 26 font-size: 24px; 27 } 28 h2 { 29 font-size: 20px; 30 } 31 32 h1 > a, 33 h2 > a { 34 text-decoration: none; 35 } 36 37 h1 > a:hover, 38 h2 > a:hover { 39 text-decoration: underline; 40 } 41 42 pre { 43 font-family: monospace; 44 font-size: 9pt; 45 } 46 47 header { 48 background: #e0ebf5; 49 margin: -10px -10px 0 -10px; 50 padding: 10px 10px; 51 } 52 header h1 { 53 display: inline; 54 margin-right: 20px; 55 padding-top: 5px; 56 } 57 nav { 58 display: inline-block; 59 } 60 nav ul { 61 list-style: none; 62 margin: 0; 63 padding: 0; 64 } 65 nav ul li { 66 display: inline-block; 67 } 68 nav a { 69 background: #375eab; 70 border: 1px solid #375eab; 71 border-radius: 5px; 72 color: white; 73 display: inline-block; 74 font-size: 16px; 75 margin: 0; 76 margin-right: 5px; 77 padding: 10px; 78 text-decoration: none; 79 } 80 nav .left-separator { 81 border-left: 2px solid #b7b7b7; 82 padding-left: 10px; 83 padding-top: 10px; 84 padding-bottom: 10px; 85 } 86 87 #dashboard { 88 display: flex; 89 flex-direction: row; 90 flex-wrap: wrap; 91 justify-content: left; 92 } 93 .Dashboard { 94 margin: 0; 95 padding: 0; 96 } 97 .Dashboard-topbar { 98 margin: 0; 99 padding: 0.625rem 0.625rem; 100 } 101 .Dashboard-title { 102 text-align: center; 103 background: #e0ebf5; 104 } 105 .Dashboard-controls { 106 padding: 0.5rem; 107 } 108 .Dashboard-documentation { 109 padding-left: 0.5rem; 110 } 111 112 .Dashboard-search-benchmark { 113 display: inline-block; 114 width: 300px; 115 } 116 .Dashboard-search-unit { 117 display: inline-block; 118 width: 90px; 119 } 120 input, select { 121 border: 1px solid transparent; 122 background-color: #f4f4f4; 123 padding: 10px; 124 font-size: 16px; 125 } 126 input[type=text] { 127 width: 100%; 128 } 129 input[type=submit] { 130 background: #375eab; 131 border: 1px solid #375eab; 132 border-radius: 5px; 133 color: white; 134 display: inline-block; 135 font-size: 16px; 136 margin: 0; 137 margin-right: 5px; 138 padding: 10px; 139 text-decoration: none; 140 } 141 142 .Dashboard-duration { 143 display: inline-block; 144 width: 4em; 145 } 146 input[type=number] { 147 width: 100%; 148 } 149 150 .Dashboard-section { 151 display: column; 152 flex-direction: row; 153 margin: 8px; 154 } 155 .Dashboard-section-expand { 156 padding: 8px; 157 width: 100%; 158 } 159 .Dashboard-grid { 160 display: flex; 161 flex-direction: row; 162 flex-wrap: wrap; 163 justify-content: left; 164 } 165 .Dashboard-grid-item { 166 display: flex; 167 flex-direction: column; 168 } 169 .Dashboard-table { 170 padding: 16px; 171 width: 100%; 172 border: none; 173 border-collapse: collapse; 174 border-spacing: 0; 175 } 176 .Dashboard-table tr { 177 border: none; 178 } 179 .Dashboard-table tr:nth-child(2n+1) { 180 background: #f4f4f4; 181 } 182 .Dashboard-table tr:hover { 183 background: #ffff99; 184 } 185 .Dashboard-table tr.selected { 186 background: #ffff99; 187 } 188 .Dashboard-table th { 189 background: #e0ebf5; 190 color: #375eab; 191 text-align: center; 192 } 193 .Dashboard-table td { 194 padding: 0; 195 text-align: center; 196 border: none; 197 } 198 .Dashboard-table-commit { 199 font-family: monospace; 200 } 201 .Dashboard-table-range svg { 202 display: block; 203 margin: 0 auto; 204 } 205 .Dashboard-regression-description { 206 display: inline-block; 207 width: 480px; 208 font-style: oblique; 209 text-align: center; 210 }