content/browser/resources/indexed_db/indexeddb_internals.css

   1 /* Copyright (c) 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 .indexeddb-summary {
   6     background-color: rgb(235, 239, 249);
   7     border-top: 1px solid rgb(156, 194, 239);
   8     margin-bottom: 6px;
   9     margin-top: 12px;
  10     padding: 3px;
  11     font-weight: bold;
  12 }
  13
  14 .indexeddb-item {
  15     margin-bottom: 15px;
  16     margin-top: 6px;
  17     position: relative;
  18 }
  19
  20 .indexeddb-url {
  21     color: rgb(85, 102, 221);
  22     display: inline-block;
  23     max-width: 500px;
  24     overflow: hidden;
  25     padding-bottom: 1px;
  26     padding-top: 4px;
  27     text-decoration: none;
  28     text-overflow: ellipsis;
  29     white-space: nowrap;
  30 }
  31
  32 .indexeddb-database {
  33     margin-bottom: 6px;
  34     margin-top: 6px;
  35     margin-left: 12px;
  36
  37     position: relative;
  38 }
  39
  40 .indexeddb-database > div {
  41     margin-left: 12px;
  42 }
  43
  44 .indexeddb-connection-count {
  45     margin: 0 8px;
  46 }
  47 .indexeddb-connection-count.pending {
  48     font-weight: bold;
  49 }
  50
  51 .indexeddb-path {
  52     display: block;
  53     margin-left: 1em;
  54 }
  55
  56 .indexeddb-transaction-list {
  57     margin-left: 10px;
  58     border-collapse: collapse;
  59 }
  60
  61 .indexeddb-transaction-list th,
  62 .indexeddb-transaction-list td {
  63     padding: 2px 10px;
  64     min-width: 50px;
  65     max-width: 75px;
  66 }
  67
  68 td.indexeddb-transaction-scope {
  69     min-width: 200px;
  70     max-width: 500px;
  71 }
  72
  73 .indexeddb-transaction-list th {
  74     background-color: rgb(249, 249, 249);
  75     border: 1px solid rgb(156, 194, 239);
  76     font-weight: normal;
  77     text-align: left;
  78 }
  79
  80 .indexeddb-transaction {
  81     background-color: rgb(235, 239, 249);
  82     border-bottom: 2px solid white;
  83 }
  84
  85 .indexeddb-transaction.created {
  86     font-weight: italic;
  87 }
  88 .indexeddb-transaction.started {
  89     font-weight: bold;
  90 }
  91 .indexeddb-transaction.running {
  92     font-weight: bold;
  93 }
  94 .indexeddb-transaction.committing {
  95     font-weight: bold;
  96 }
  97 .indexeddb-transaction.blocked {
  98 }
  99
 100 .indexeddb-transaction.started .indexeddb-transaction-state {
 101     background-color: rgb(249, 249, 235);
 102 }
 103 .indexeddb-transaction.running .indexeddb-transaction-state {
 104     background-color: rgb(235, 249, 235);
 105 }
 106 .indexeddb-transaction.committing .indexeddb-transaction-state {
 107     background-color: rgb(235, 235, 249);
 108 }
 109 .indexeddb-transaction.blocked .indexeddb-transaction-state {
 110     background-color: rgb(249, 235, 235);
 111 }
 112
 113 .controls a {
 114     -webkit-margin-end: 16px;
 115     color: #777;
 116 }