OLD | NEW |
| (Empty) |
1 /* | |
2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | |
3 Use of this source code is governed by a BSD-style license that can be | |
4 found in the LICENSE file. | |
5 */ | |
6 | |
7 /* styles for the cookies list elements in cookies_view.html */ | |
8 #remove-all-cookies-search-column { | |
9 bottom: 10px; | |
10 position: absolute; | |
11 right: 0; | |
12 } | |
13 | |
14 html[dir=rtl] #remove-all-cookies-search-column { | |
15 left: 0; | |
16 right: auto; | |
17 } | |
18 | |
19 #cookies-column-headers { | |
20 position: relative; | |
21 width: 100%; | |
22 } | |
23 | |
24 #cookies-column-headers h3 { | |
25 font-size: 105%; | |
26 font-weight: bold; | |
27 margin: 10px 0; | |
28 } | |
29 | |
30 /* notice the width and padding for these columns match up with those below */ | |
31 #cookies-site-column { | |
32 display: inline-block; | |
33 font-weight: bold; | |
34 width: 11em; | |
35 } | |
36 | |
37 #cookies-data-column { | |
38 -webkit-padding-start: 7px; | |
39 display: inline-block; | |
40 font-weight: bold; | |
41 } | |
42 | |
43 #cookies-list { | |
44 border: 1px solid #D9D9D9; | |
45 margin: 0; | |
46 } | |
47 | |
48 | |
49 /* enable animating the height of items */ | |
50 list.cookie-list .deletable-item { | |
51 -webkit-transition: height .15s ease-in-out; | |
52 } | |
53 | |
54 /* disable webkit-box display */ | |
55 list.cookie-list .deletable-item > :first-child { | |
56 display: block; | |
57 } | |
58 | |
59 /* force the X for deleting an origin to stay at the top */ | |
60 list.cookie-list > .deletable-item > .close-button { | |
61 position: absolute; | |
62 right: 2px; | |
63 top: 8px; | |
64 } | |
65 | |
66 html[dir=rtl] list.cookie-list > .deletable-item > .close-button { | |
67 left: 2px; | |
68 right: auto; | |
69 } | |
70 | |
71 | |
72 /* styles for the site (aka origin) and its summary */ | |
73 .cookie-site { | |
74 /* notice that the width, margin, and padding match up with those above */ | |
75 -webkit-margin-end: 2px; | |
76 -webkit-padding-start: 5px; | |
77 display: inline-block; | |
78 overflow: hidden; | |
79 text-overflow: ellipsis; | |
80 width: 11em; | |
81 } | |
82 | |
83 list.cookie-list > .deletable-item[selected] .cookie-site { | |
84 -webkit-user-select: text; | |
85 } | |
86 | |
87 .cookie-data { | |
88 display: inline-block; | |
89 } | |
90 | |
91 .cookie-size { | |
92 display: inline-block; | |
93 float: right; | |
94 margin-right: 3em; | |
95 } | |
96 | |
97 list.cookie-list > .deletable-item[selected] .cookie-data { | |
98 -webkit-user-select: text; | |
99 } | |
100 | |
101 | |
102 /* styles for the individual items (cookies, etc.) */ | |
103 .cookie-items { | |
104 /* notice that the margin and padding match up with those above */ | |
105 -webkit-margin-start: 11em; | |
106 -webkit-padding-start: 7px; | |
107 -webkit-transition: .15s ease-in-out; | |
108 height: 0; | |
109 opacity: 0; | |
110 /* make the cookie items wrap correctly */ | |
111 white-space: normal; | |
112 } | |
113 | |
114 .measure-items .cookie-items { | |
115 -webkit-transition: none; | |
116 height: auto; | |
117 visibility: hidden; | |
118 } | |
119 | |
120 .show-items .cookie-items { | |
121 opacity: 1; | |
122 } | |
123 | |
124 .cookie-items .cookie-item { | |
125 background: #E0E9F5; | |
126 border-radius: 5px; | |
127 border: 1px solid #8392AE; | |
128 display: inline-block; | |
129 font-size: 85%; | |
130 height: auto; | |
131 margin: 2px 4px 2px 0; | |
132 max-width: 100px; | |
133 min-width: 40px; | |
134 overflow: hidden; | |
135 padding: 0 3px; | |
136 text-align: center; | |
137 text-overflow: ellipsis; | |
138 } | |
139 | |
140 .cookie-items .cookie-item:hover { | |
141 background: #EEF3F9; | |
142 border-color: #647187; | |
143 } | |
144 | |
145 .cookie-items .cookie-item[selected] { | |
146 background: #F5F8F8; | |
147 border-color: #B2B2B2; | |
148 } | |
149 | |
150 .cookie-items .cookie-item[selected]:hover { | |
151 background: #F5F8F8; | |
152 border-color: #647187; | |
153 } | |
154 | |
155 | |
156 /* styles for the cookie details box */ | |
157 .cookie-details { | |
158 background: #F5F8F8; | |
159 border-radius: 5px; | |
160 border: 1px solid #B2B2B2; | |
161 margin-top: 2px; | |
162 padding: 5px; | |
163 } | |
164 | |
165 list.cookie-list > .deletable-item[selected] .cookie-details { | |
166 -webkit-user-select: text; | |
167 } | |
168 | |
169 .cookie-details-table { | |
170 table-layout: fixed; | |
171 width: 100%; | |
172 } | |
173 | |
174 .cookie-details-label { | |
175 vertical-align: top; | |
176 white-space: pre; | |
177 width: 10em; | |
178 } | |
179 | |
180 .cookie-details-value { | |
181 word-wrap: break-word; | |
182 } | |
OLD | NEW |