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

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

Issue 9814030: get rid of old options pages (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: more fixes Created 8 years, 9 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
(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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698