1/* 2 * Copyright 2018 The Chromium Authors. All rights reserved. 3 * Use of this source code is governed by a BSD-style license that can be 4 * found in the LICENSE file. 5 */ 6 7.lighthouse-start-view { 8 font-family: Roboto, sans-serif; 9 font-size: var(--font-size); 10 line-height: 18px; 11 12 --color-blue: #0535C1; 13 /* for buttons */ 14 --accent-color: var(--color-blue); 15 --color-bg: white; 16 --font-size: 14px; 17 --report-font-family: Roboto, Helvetica, Arial, sans-serif; 18} 19 20.lighthouse-start-view header { 21 flex: 2 1; 22 padding: 16px; 23 display: grid; 24 justify-items: center; 25} 26 27.lighthouse-logo { 28 width: 75px; 29 height: 75px; 30 flex-shrink: 0; 31 background-repeat: no-repeat; 32 background-size: contain; 33 background-image: url(Images/lighthouse_logo.svg); 34} 35 36.lighthouse-start-view-text { 37 margin: 0 40px; 38 text-align: center; 39} 40 41.lighthouse-start-view form { 42 display: contents; 43} 44 45.lighthouse-form-section { 46 padding: 8px; 47 flex: 1 1; 48} 49 50.lighthouse-start-view.vbox .lighthouse-form-categories { 51 border-top: 1px solid #ebebeb; 52 border-bottom: 1px solid #ebebeb; 53} 54 55.lighthouse-form-section-label { 56 margin: 7px 0 7px; 57 font-weight: 500; 58} 59 60.lighthouse-form-section-label i span { 61 position: relative; 62 top: -2px; 63} 64 65.lighthouse-form-section-label span.largeicon-checkmark { 66 top: -4px; 67} 68 69.lighthouse-radio { 70 display: flex; 71 align-items: center; 72} 73 74input[type="radio"]:focus { 75 outline-width: 2px; 76} 77 78.lighthouse-radio-text { 79 margin-left: 3px; 80} 81 82.lighthouse-start-button-container { 83 align-items: center; 84} 85 86.lighthouse-start-button-container button { 87 margin: 8px auto; 88 font-family: var(--report-font-family); 89 font-weight: 500; 90 font-size: var(--font-size); 91} 92.lighthouse-start-button-container button:disabled { 93 cursor: not-allowed; 94} 95 96.lighthouse-start-view .toolbar-dropdown-arrow { 97 display: none; 98} 99 100.lighthouse-launcher-row, 101.lighthouse-radio { 102 margin-bottom: 6px; 103} 104 105.lighthouse-launcher-row:last-of-type, 106.lighthouse-radio:last-of-type { 107 margin-bottom: 0; 108} 109 110.lighthouse-launcher-row .dimmed { 111 padding-left: 22px; 112} 113 114.lighthouse-help-text { 115 text-align: center; 116 color: red; 117 font-weight: bold; 118 padding-left: 10px; 119} 120