1 /* Copyright 2013 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. */ 4 5 html, 6 body, 7 #container { 8 margin: 0; 9 padding: 0; 10 width: 100%; 11 height: 100%; 12 } 13 14 table { 15 font-family: sans-serif; 16 -webkit-font-smoothing: antialiased; 17 font-size: 115%; 18 width: auto; 19 overflow: auto; 20 display: block; 21 } 22 th { 23 background-color: rgb(112, 196, 105); 24 font-weight: normal; 25 color: white; 26 padding: 2px; 27 text-align: center; 28 min-width: 230px; 29 } 30 td { 31 background-color: rgb(238, 238, 238); 32 padding: 2px; 33 color: rgb(111, 111, 111); 34 word-wrap: break-word; 35 min-width: 230px; 36 } 37 38 h1, 39 h2, 40 h3 { 41 color: rgb(50,50,50); 42 } 43 44 #container { 45 display: flex; 46 flex-direction: row; 47 flex-wrap: wrap; 48 justify-content: space-between; 49 align-items: flex-start; 50 align-content: stretch; 51 } 52 53 #container > * { 54 padding: 0; 55 padding-left: 25px; 56 margin: 0; 57 } 58 59 #list-wrapper { 60 display: flex; 61 flex-direction: column; 62 justify-content: space-between; 63 align-items: flex-start; 64 align-content: stretch; 65 } 66 67 #player-list-wrapper, 68 #audio-component-list-wrapper { 69 flex-grow: 1; 70 align-self: stretch; 71 min-width: 200px; 72 overflow: auto; 73 } 74 75 #player-list-wrapper ul, 76 #player-list-wrapper li, 77 #audio-component-list-wrapper ul, 78 #audio-component-list-wrapper li { 79 padding: 0px; 80 list-style-type: none; 81 } 82 #list-wrapper button { 83 padding: 0px; 84 } 85 86 #property-wrapper, 87 #log-wrapper { 88 display:block; 89 flex-grow: 0.5; 90 align-self: stretch; 91 overflow: auto; 92 } 93 94 #log-wrapper > thead { 95 position: fixed; 96 } 97 98 #graphs li { 99 list-style-type: none; 100 } 101 102 #clipboard-textarea { 103 position: absolute; 104 width: 50%; 105 height: 50%; 106 107 left: 25%; 108 top: 25%; 109 } 110 111 .hiddenClipboard { 112 display: none; 113 } 114 115 .timestamp { 116 min-width: 115px; 117 }