OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 /* Styles for the cookies list page. */ | 5 /* Styles for the cookies list page. */ |
6 #cookies-view-page { | 6 .cookies-view-page { |
7 height: 90%; | 7 height: 90%; |
8 margin-left: -15px; | 8 margin-left: -15px; |
9 width: 720px; | 9 width: 720px; |
10 } | 10 } |
11 | 11 |
12 /* Styles for the cookies list elements in cookies_view.html. */ | 12 /* Styles for the cookies list elements in cookies_view.html. */ |
13 #cookies-list { | 13 .cookies-list { |
14 -webkit-box-flex: 1; | 14 -webkit-box-flex: 1; |
15 /* This property overrides the |min-height: 192px;| property above due to | 15 /* This property overrides the |min-height: 192px;| property above due to |
16 * special behavior of the cookies list. */ | 16 * special behavior of the cookies list. */ |
| 17 border: 1px solid #D9D9D9; |
| 18 margin: 0; |
| 19 margin-top: 5px; |
17 min-height: 0; | 20 min-height: 0; |
18 } | 21 } |
19 | 22 |
20 #cookies-list-content-area { | 23 .cookies-list-content-area { |
21 -webkit-box-orient: vertical; | 24 -webkit-box-orient: vertical; |
22 display: -webkit-box; | 25 display: -webkit-box; |
23 overflow-y: hidden; | 26 overflow-y: hidden; |
24 } | 27 } |
25 | 28 |
26 #cookies-column-headers { | 29 .cookies-column-headers { |
27 -webkit-box-align: baseline; | 30 -webkit-box-align: baseline; |
28 -webkit-box-orient: horizontal; | 31 -webkit-box-orient: horizontal; |
29 display: -webkit-box; | 32 display: -webkit-box; |
30 position: relative; | 33 position: relative; |
31 width: 100%; | 34 width: 100%; |
32 } | 35 } |
33 | 36 |
34 #cookies-column-headers > * { | 37 .cookies-column-headers > * { |
35 display: block; | 38 display: block; |
36 } | 39 } |
37 | 40 |
38 #cookies-column-headers h3 { | 41 .cookies-column-headers h3 { |
39 font-size: 105%; | 42 font-size: 105%; |
40 font-weight: bold; | 43 font-weight: bold; |
41 margin: 10px 0; | 44 margin: 10px 0; |
42 } | 45 } |
43 | 46 |
44 /* Notice the width and padding for these columns match up with those below. */ | 47 /* Notice the width and padding for these columns match up with those below. */ |
45 #cookies-site-column { | 48 .cookies-site-column { |
46 -webkit-padding-start: 7px; | 49 -webkit-padding-start: 7px; |
47 width: 14em; | 50 width: 14em; |
48 } | 51 } |
49 | 52 |
50 #cookies-data-column { | 53 .cookies-data-column { |
51 -webkit-box-flex: 1; | 54 -webkit-box-flex: 1; |
52 -webkit-padding-start: 7px; | 55 -webkit-padding-start: 7px; |
53 } | 56 } |
54 | 57 |
55 #cookies-header-controls > * { | |
56 margin-bottom: 5px; | |
57 } | |
58 | |
59 #cookies-list { | |
60 border: 1px solid #D9D9D9; | |
61 margin: 0; | |
62 } | |
63 | |
64 /* Enable animating the height of items. */ | 58 /* Enable animating the height of items. */ |
65 list.cookie-list .deletable-item { | 59 list.cookie-list .deletable-item { |
66 -webkit-transition: height 150ms ease-in-out; | 60 -webkit-transition: height 150ms ease-in-out; |
67 } | 61 } |
68 | 62 |
69 /* Disable webkit-box display. */ | 63 /* Disable webkit-box display. */ |
70 list.cookie-list .deletable-item > :first-child { | 64 list.cookie-list .deletable-item > :first-child { |
71 display: block; | 65 display: block; |
72 } | 66 } |
73 | 67 |
(...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
189 | 183 |
190 .cookie-details-label { | 184 .cookie-details-label { |
191 vertical-align: top; | 185 vertical-align: top; |
192 white-space: pre; | 186 white-space: pre; |
193 width: 10em; | 187 width: 10em; |
194 } | 188 } |
195 | 189 |
196 .cookie-details-value { | 190 .cookie-details-value { |
197 word-wrap: break-word; | 191 word-wrap: break-word; |
198 } | 192 } |
| 193 |
| 194 |
| 195 /* Styles specific to the app cookies window */ |
| 196 #app-cookies-site-column { |
| 197 width: 20em; |
| 198 } |
| 199 |
| 200 .app-cookie-site { |
| 201 width: 20em; |
| 202 } |
| 203 |
| 204 .app-cookie-items { |
| 205 -webkit-margin-start: 20em; |
| 206 } |
OLD | NEW |