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
63td.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}
112