rootUi.css revision 1320f92c476a1ad9d19dba2a48c72b75566198e9
1/* Copyright 2014 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 5html { 6 font-family: Arial, sans-serif; 7 background: #f2f2f2; 8 font-size: 14px; 9} 10 11html, body { 12 margin: 0; 13 padding: 0; 14 height: 100%; 15} 16 17h1 { 18 text-align: center; 19 font-size: 2.5em; 20 font-family: 'Coda', sans-serif; 21 text-shadow: 0.1em 0.1em 0.2em #666; 22 margin: 0.5em; 23 line-height: 1em; 24} 25 26#load_banner { 27 text-align: center; 28 position: fixed; 29 left: 0; 30 right: 0; 31 bottom: 20em; 32 z-index: -1; 33} 34 35#wrapper { 36 position: fixed; 37 top: 0; 38 left: 0; 39 right: 0; 40 bottom: 2em; 41 overflow: auto; 42} 43 44#tabs { 45 width: 90%; 46 margin: 1em auto; 47 position: relative; 48 box-shadow: 0 0 1.5em #999; 49 visibility: hidden; /* Will be shown by JS after loading. */ 50} 51 52#tabs > div > div { 53 margin-bottom: 1em; 54} 55 56#tabs > div header { 57 margin-bottom: 0.5em; 58} 59 60#status_bar { 61 display: block; 62 position: fixed; 63 bottom: 0; 64 top: auto; 65 left: 0; 66 right: 0; 67 width: 100%; 68 height: 2em; 69 line-height: 2em; 70 overflow: hidden; 71 background: #333; 72 color: #eee; 73 font-family: monospace; 74 z-index: 10; 75 margin: 0; 76 padding: 0; 77 box-shadow: 0 0 5px #333; 78} 79 80#progress_bar { 81 position: absolute; 82 width: 20%; 83 top: 3px; 84 right: 3px; 85 bottom: 3px; 86 height: auto; 87} 88 89#progress_bar-label { 90 position: absolute; 91 left: 0; 92 right: 0; 93 width: auto; 94 font-weight: bold; 95 color: #444; 96 text-align: center; 97 line-height: 1.5em; 98} 99 100#status_messages { 101 position: absolute; 102 bottom: 0; 103 left: 0; 104 width: 80%; 105 background: rgba(50,50,50,0.8); 106 color: #0e0; 107 font-family: monospace; 108 white-space: pre; 109 padding: 0 0.5em; 110} 111 112#status_bar.expanded { overflow: visible; } 113 114#status_bar.expanded #status_messages { 115 position: fixed; 116 z-index: 21; 117 left: 0; 118 right: 0; 119 width: auto; 120 height: auto; 121 max-height: 30%; 122 bottom: 0; 123 overflow: auto; 124 line-height: 1.5em; 125} 126 127#os-mem_chart, 128#os-cpu_chart { 129 width: 49%; 130 max-width: 49%; 131 margin: 0; 132 display: inline-block; 133 height: 20em; 134} 135 136table { 137 -webkit-user-select: none; 138}