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