Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(346)

Side by Side Diff: chrome/browser/resources/options2/cookies_view.css

Issue 10636019: Adding Application Data dialog for isolated apps (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Properly done JavaScript and CSS. Created 8 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698