content/browser/resources/media/media_internals.css

   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 }