src/powertop.css

   1 <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
   2 <html>
   3 <head>
   4 <title>PowerTOP report</title>
   5 <meta http-equiv=\"content-type\" content=\"text/html;charset=utf-8\">
   6 <script type='text/javascript'>
   7
   8 var powertop = {
   9  blocks: {
  10   system: 'System Info',
  11   summary: 'Summary',
  12   cpuidle: 'CPU Idle',
  13   cpufreq: 'CPU Frequency',
  14   software: 'Software Info',
  15   device: 'Device Info',
  16   tuning: 'Tuning'
  17  },
  18  cadd: function(idx, c){
  19    var el = document.getElementById(idx);
  20    if (el) {
  21       var cn = el.className;
  22       if (cn.indexOf(c) != -1)
  23          return;
  24       cn += ' ' + c;
  25       el.className = cn;
  26    }
  27  },
  28  crm: function(id, c){
  29    var el = document.getElementById(id);
  30    if (el) {
  31       var cn = el.className
  32       while (cn.indexOf(' ' + c) != -1)
  33          cn = cn.replace(' ' + c,'');
  34       el.className = cn;
  35    }
  36  },
  37  newbutton: function(id, txt) {
  38   var x = document.createElement('div');
  39   x.id = id + '_button';
  40   x.className = 'nav_button';
  41   x.textContent = txt;
  42   x.innerText = txt;
  43   x.onclick = function() { powertop.toggle(id); };
  44   return x;
  45  },
  46  setupbuttons: function() {
  47    var t = document.getElementById('top');
  48    if (t) {
  49      for (var b in powertop.blocks) {
  50        t.appendChild(powertop.newbutton(b, powertop.blocks[b]));
  51      }
  52     t.appendChild(powertop.newbutton('all', 'All'));
  53    }
  54  },
  55  toggle: function(b) {
  56    powertop.baseall();
  57    if (b == 'all') {
  58       for (var c in powertop.blocks) {
  59         powertop.crm(c, 'hide');
  60       }
  61    } else {
  62       powertop.crm(b, 'hide');
  63    }
  64    powertop.cadd(b + '_button', 'pressed');
  65  },
  66  baseall: function() {
  67    for (var b in powertop.blocks) {
  68      powertop.cadd(b, 'hide');
  69      powertop.crm(b + '_button', 'pressed');
  70    }
  71    powertop.cadd('all', 'hide');
  72    powertop.crm('all_button', 'pressed');
  73  },
  74  onload: function() {
  75    powertop.setupbuttons();
  76    powertop.toggle('summary');
  77  }
  78 }
  79
  80 </script>
  81 <style type='text/css'>
  82 table
  83 {
  84         background-color: #F8F8F8;
  85         color: black;
  86 }
  87
  88 th
  89 {
  90         text-align: right;
  91 }
  92 th.device
  93 {
  94         text-align: left;
  95 }
  96 th.process
  97 {
  98         text-align: left;
  99 }
 100
 101 th.tunable
 102 {
 103         text-align: left;
 104 }
 105
 106 td.package_odd
 107 {
 108         background-color: #E0ffE0;
 109         color: black;
 110         text-align: right;
 111 }
 112 td.package_even
 113 {
 114         background-color: #F0ffF0;
 115         color: black;
 116         text-align: right;
 117 }
 118
 119 td.core_even
 120 {
 121         background-color: #F0ffF0;
 122         color: black;
 123         text-align: right;
 124 }
 125
 126 td.core_odd
 127 {
 128         background-color: #E0E0ff;
 129         color: black;
 130         text-align: right;
 131 }
 132
 133 td.cpu_even_freq
 134 {
 135         background-color: #E2E2E2;
 136         color: black;
 137 }
 138
 139 td.cpu_odd_freq
 140 {
 141         background-color: #F4f4F4;
 142         color: black;
 143 }
 144
 145 td.cpu_even_even
 146 {
 147         background-color: #E0E0f0;
 148         color: black;
 149         text-align: right;
 150 }
 151
 152 td.cpu_even_odd
 153 {
 154         background-color: #F0f0F0;
 155         color: black;
 156         text-align: right;
 157 }
 158 td.cpu_odd_even
 159 {
 160         background-color: #E0E0ff;
 161         color: black;
 162         text-align: right;
 163 }
 164
 165 td.cpu_odd_odd
 166 {
 167         background-color: #F0ffF0;
 168         color: black;
 169         text-align: right;
 170 }
 171
 172 tr.device_odd
 173 {
 174         background-color: #E0E0E0;
 175         color: black;
 176 }
 177 tr.device_even
 178 {
 179         background-color: #F0f0F0;
 180         color: black;
 181 }
 182
 183 tr.process_odd
 184 {
 185         background-color: #E0E0E0;
 186         color: black;
 187 }
 188 tr.process_even
 189 {
 190         background-color: #F0f0F0;
 191         color: black;
 192 }
 193
 194 td.device_power
 195 {
 196         text-align: right;
 197 }
 198
 199 td.process_power
 200 {
 201         text-align: right;
 202 }
 203
 204 td.device_util
 205 {
 206         text-align: right;
 207 }
 208
 209 tr.tunable_odd
 210 {
 211         background-color: #E0E0E0;
 212         color: black;
 213 }
 214 tr.tunable_even
 215 {
 216         background-color: #F0f0F0;
 217         color: black;
 218 }
 219
 220 tr.tunable_odd_bad
 221 {
 222         background-color: #FFE0E0;
 223         color: black;
 224 }
 225 tr.tunable_even_bad
 226 {
 227         background-color: #FFf0F0;
 228         color: black;
 229 }
 230
 231 tr.system_odd
 232 {
 233         background-color: #E0E0E0;
 234         color: black;
 235 }
 236 tr.system_even
 237 {
 238         background-color: #F0f0F0;
 239         color: black;
 240 }
 241
 242 tr.device_odd
 243 {
 244         background-color: #E0E0E0;
 245         color: black;
 246 }
 247 tr.device_even
 248 {
 249         background-color: #F0f0F0;
 250         color: black;
 251 }
 252
 253 body {
 254         background-color: #eee; /* Background color */
 255         color: #222;            /* Foreground color used for text */
 256         font-family: Helvetica;
 257         font-size: 14px;
 258         margin: 0;              /* Amount of negative space around the
 259                                    outside of the body */
 260         padding: 0;             /* Amount of negative space around the
 261                                    inside of the body */
 262 }
 263 #top {
 264         background-color: #ccc;
 265         border-bottom: 1px solid #666;
 266         color: #222;
 267         display: block;
 268         font-size: 20px;
 269         font-weight: bold;
 270         padding: 10px 0;
 271         text-align: center;
 272         text-decoration: none;
 273         text-shadow: 0px 1px 1px #fff;
 274         background-image: -webkit-gradient(linear, left top, left bottom,
 275                                                 from(#ccc), to(#999));
 276 }
 277
 278
 279 #top div {
 280         height: 30px;
 281         font-weight: bold;
 282         text-align: center;
 283         color: white;
 284         text-shadow: rgba(0,0,0,0.6) 0px -1px 1px;
 285         line-height: 28px;
 286         border-width:0px 8px 0px 8px;
 287 }
 288 #top div.nav_button {
 289  display: inline;
 290  cursor: pointer;
 291  padding: 0.3em 0.5em;
 292  margin: 0 0.2em;
 293 }
 294
 295 div.pressed {
 296         background-color: #000000;
 297         border: 1px solid #000000;
 298         color: #000000;
 299         border-radius: 8px;
 300 }
 301 div.hide {
 302  display: none;
 303 }
 304 </style>
 305 </head>
 306
 307 <body onload='powertop.onload();'>
 308 <div id='top'>
 309 </div>
 310