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   font-family:Arial;
  13 }
  14
  15 table {
  16   font-family: sans-serif;
  17   -webkit-font-smoothing: antialiased;
  18   font-size: 115%;
  19   width: auto;
  20   overflow: auto;
  21   display: block;
  22 }
  23 th {
  24   background-color: rgb(112, 196, 105);
  25   font-weight: normal;
  26   color: white;
  27   padding: 2px;
  28   text-align: center;
  29   min-width: 230px;
  30 }
  31 td {
  32   background-color: rgb(238, 238, 238);
  33   padding: 2px;
  34   color: rgb(111, 111, 111);
  35   word-wrap: break-word;
  36   min-width: 230px;
  37 }
  38
  39 h1,
  40 h2,
  41 h3 {
  42   color: rgb(50,50,50);
  43 }
  44
  45 #container {
  46   display: flex;
  47   flex-direction: row;
  48   flex-wrap: wrap;
  49   justify-content: space-between;
  50   align-items: flex-start;
  51   align-content: stretch;
  52 }
  53
  54 #container > * {
  55   padding: 0;
  56   padding-left: 25px;
  57   margin: 0;
  58 }
  59
  60 #list-wrapper {
  61   display: flex;
  62   flex-direction: column;
  63   justify-content: space-between;
  64   align-items: flex-start;
  65   align-content: stretch;
  66 }
  67
  68 #player-list-wrapper,
  69 #audio-component-list-wrapper {
  70   flex-grow: 1;
  71   align-self: stretch;
  72   min-width: 200px;
  73   overflow: auto;
  74 }
  75
  76 #player-list-wrapper ul,
  77 #player-list-wrapper li,
  78 #audio-component-list-wrapper ul,
  79 #audio-component-list-wrapper li {
  80   padding: 0px;
  81   list-style-type: none;
  82 }
  83 #list-wrapper button {
  84   padding: 0px;
  85 }
  86
  87 #property-wrapper,
  88 #log-wrapper {
  89   display:block;
  90   flex-grow: 0.25;
  91   align-self: stretch;
  92   overflow: auto;
  93 }
  94
  95 #video-capture-capabilities-wrapper {
  96   flex-grow: 0.5;
  97   align-self: stretch;
  98   overflow: auto;
  99 }
 100
 101 #log-wrapper > thead {
 102   position: fixed;
 103 }
 104
 105 #graphs li {
 106   list-style-type: none;
 107 }
 108
 109 #clipboard-textarea {
 110   position: absolute;
 111   width: 50%;
 112   height: 50%;
 113
 114   left: 25%;
 115   top: 25%;
 116 }
 117
 118 .hiddenClipboard {
 119   display: none;
 120 }
 121
 122 .timestamp {
 123   min-width: 115px;
 124 }
 125
 126 #video-capture-capabilities-table {
 127   margin-bottom:30px;
 128 }
 129
 130 #video-capture-capabilities-table th,
 131 #video-capture-capabilities-table td {
 132   min-width:120px;
 133 }
 134
 135 #video-capture-capabilities-table td {
 136   padding:5px;
 137 }
 138
 139 #video-capture-capabilities-table tr td {
 140   font-size:13px;
 141   text-align:center;
 142 }
 143
 144 #video-capture-capabilities-table .video-capture-formats-table th,
 145 #video-capture-capabilities-table .video-capture-formats-table td {
 146   text-align:right;
 147   min-width:80px;
 148 }
 149
 150 #video-capture-capabilities-table .video-capture-formats-table th {
 151   background:none;
 152   color:#666;
 153   font-size:13px;
 154   font-weight:bold;
 155 }
 156
 157 #video-capture-capabilities-table .video-capture-formats-table td {
 158   padding:2px;
 159 }