1/** 2 * Copyright 2015 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 7html { 8 height: 100%; 9} 10 11body { 12 line-height: 1.4; 13 font: normal 13px arial,sans-serif; 14 color: #222; 15 background-color: #fff; 16 margin: 0; 17 padding: 0 10px; 18 display: flex; 19 display: -webkit-flex; 20 flex-direction: column; 21 -webkit-flex-direction: column; 22 min-height: 100%; 23} 24 25nav-bar { 26 width: 100%; 27} 28 29h1 { 30 align-self: center; 31 -webkit-align-self: center; 32} 33 34a:link { 35 color: #15c; 36} 37 38a:visited { 39 color: #61c; 40} 41 42a:active { 43 color: #d14836; 44} 45 46iframe { 47 border: 0; 48} 49 50.loading-div { 51 background-color: white; 52 display: flex; 53 justify-content: center; 54} 55 56/* Results pages show the results of performing some action. 57 * See templates/result.html. */ 58.results dt { 59 font-weight: bold; 60} 61 62.results-pre { 63 white-space: pre; 64 font-family: monospace; 65} 66 67.error { 68 color: #dd4b39; 69 font-weight: bold; 70} 71 72.hidden { 73 display: none; 74} 75 76/* Buttons */ 77.kennedy-button, .kennedy-button-submit { 78 border-radius: 2px; 79 font-size: 11px; 80 font-weight: bold; 81 min-width: 54px; 82 height: 27px; 83 line-height: 27px; 84 padding: 0px 8px; 85 -webkit-user-select: none; 86} 87 88.kennedy-button { 89 background-color: #f5f5f5; 90 border: 1px solid rgba(0,0,0,0.1); 91 color: #444; 92 background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1); 93 cursor: default; 94} 95 96.kennedy-button:disabled, .kennedy-button-submit:disabled { 97 opacity: 0.5; 98} 99 100.kennedy-button:hover, .kennedy-button-submit:hover { 101 box-shadow: none; 102} 103 104.kennedy-button:active, .kennedy-button-submit:active { 105 box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); 106} 107 108.kennedy-button:focus { 109 outline: none; 110} 111 112.kennedy-button-submit { 113 background-color: #4d90fe; 114 border: 1px solid #3079ed; 115 background-image: linear-gradient(to bottom, #4d90fe, #4787ed); 116 color: #fff; 117} 118 119/* Checkboxes */ 120input[type=checkbox] { 121 width: 13px; 122 height: 13px; 123 border: 1px solid #c6c6c6; 124 margin: 0; 125 border-radius: 1px; 126 box-sizing: border-box; 127 cursor: default; 128 position: relative 129} 130 131input[type=checkbox]:checked::after { 132 font-size: 1.3em; 133 content: "✓"; 134 position: absolute; 135 top: -5px; 136 left: -1px; 137} 138