| 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 |