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-transaction-list {
  52     margin-left: 10px;
  53     border-collapse: collapse;
  54 }
  55
  56 .indexeddb-transaction-list th,
  57 .indexeddb-transaction-list td {
  58     padding: 2px 10px;
  59     min-width: 50px;
  60     max-width: 75px;
  61 }
  62
  63 td.indexeddb-transaction-scope {
  64     min-width: 200px;
  65     max-width: 500px;
  66 }
  67
  68 .indexeddb-transaction-list th {
  69     background-color: rgb(249, 249, 249);
  70     border: 1px solid rgb(156, 194, 239);
  71     font-weight: normal;
  72     text-align: left;
  73 }
  74
  75 .indexeddb-transaction {
  76     background-color: rgb(235, 239, 249);
  77     border-bottom: 2px solid white;
  78 }
  79
  80 .indexeddb-transaction.created {
  81     font-weight: italic;
  82 }
  83 .indexeddb-transaction.started {
  84     font-weight: bold;
  85 }
  86 .indexeddb-transaction.running {
  87     font-weight: bold;
  88 }
  89 .indexeddb-transaction.committing {
  90     font-weight: bold;
  91 }
  92 .indexeddb-transaction.blocked {
  93 }
  94
  95 .indexeddb-transaction.started .indexeddb-transaction-state {
  96     background-color: rgb(249, 249, 235);
  97 }
  98 .indexeddb-transaction.running .indexeddb-transaction-state {
  99     background-color: rgb(235, 249, 235);
 100 }
 101 .indexeddb-transaction.committing .indexeddb-transaction-state {
 102     background-color: rgb(235, 235, 249);
 103 }
 104 .indexeddb-transaction.blocked .indexeddb-transaction-state {
 105     background-color: rgb(249, 235, 235);
 106 }
 107
 108 .controls a {
 109     -webkit-margin-end: 16px;
 110     color: #777;
 111 }