| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| /* Styles for the cookies list page. */ |
| .cookies-view-page { |
| height: 90%; |
| margin-left: -15px; |
| width: 720px; |
| } |
| |
| /* Styles for the cookies list elements in cookies_view.html. */ |
| .cookies-list { |
| -webkit-box-flex: 1; |
| /* This property overrides the |min-height: 192px;| property above due to |
| * special behavior of the cookies list. */ |
| border: 1px solid #D9D9D9; |
| margin: 0; |
| margin-top: 5px; |
| min-height: 0; |
| } |
| |
| .cookies-list-content-area { |
| -webkit-box-orient: vertical; |
| display: -webkit-box; |
| overflow-y: hidden; |
| } |
| |
| .cookies-column-headers { |
| -webkit-box-align: baseline; |
| -webkit-box-orient: horizontal; |
| display: -webkit-box; |
| position: relative; |
| width: 100%; |
| } |
| |
| .cookies-column-headers > * { |
| display: block; |
| } |
| |
| .cookies-column-headers h3 { |
| font-size: 105%; |
| font-weight: bold; |
| margin: 10px 0; |
| } |
| |
| /* Notice the width and padding for these columns match up with those below. */ |
| .cookies-site-column { |
| -webkit-padding-start: 7px; |
| width: 14em; |
| } |
| |
| .cookies-data-column { |
| -webkit-box-flex: 1; |
| -webkit-padding-start: 7px; |
| } |
| |
| /* Enable animating the height of items. */ |
| list.cookie-list .deletable-item { |
| -webkit-transition: height 150ms ease-in-out; |
| } |
| |
| /* Disable webkit-box display. */ |
| list.cookie-list .deletable-item > :first-child { |
| display: block; |
| } |
| |
| /* Force the X for deleting an origin to stay at the top. */ |
| list.cookie-list > .deletable-item > .close-button { |
| position: absolute; |
| right: 2px; |
| top: 8px; |
| } |
| |
| html[dir=rtl] list.cookie-list > .deletable-item > .close-button { |
| left: 2px; |
| right: auto; |
| } |
| |
| /* Styles for the site (aka origin) and its summary. */ |
| .cookie-site { |
| /* Notice that the width, margin, and padding match up with those above. */ |
| -webkit-margin-end: 2px; |
| -webkit-padding-start: 5px; |
| display: inline-block; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| width: 14em; |
| } |
| |
| list.cookie-list > .deletable-item[selected] .cookie-site { |
| -webkit-user-select: text; |
| } |
| |
| .cookie-data { |
| display: inline-block; |
| max-width: 410px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| .cookie-size { |
| display: inline-block; |
| float: right; |
| margin-right: 0; |
| } |
| |
| list.cookie-list > .deletable-item[selected] .cookie-data { |
| -webkit-user-select: text; |
| } |
| |
| |
| /* Styles for the individual items (cookies, etc.). */ |
| .cookie-items { |
| /* Notice that the margin and padding match up with those above. */ |
| -webkit-margin-start: 14em; |
| -webkit-padding-start: 7px; |
| -webkit-transition: 150ms ease-in-out; |
| height: 0; |
| opacity: 0; |
| /* Make the cookie items wrap correctly. */ |
| white-space: normal; |
| } |
| |
| .measure-items .cookie-items { |
| -webkit-transition: none; |
| height: auto; |
| visibility: hidden; |
| } |
| |
| .show-items .cookie-items { |
| opacity: 1; |
| } |
| |
| .cookie-items .cookie-item { |
| background: rgb(224, 233, 245); |
| border: 1px solid rgb(131, 146, 174); |
| border-radius: 5px; |
| display: inline-block; |
| font-size: 85%; |
| height: auto; |
| margin: 2px 4px 2px 0; |
| max-width: 120px; |
| min-width: 40px; |
| overflow: hidden; |
| padding: 0 3px; |
| text-align: center; |
| text-overflow: ellipsis; |
| } |
| |
| .cookie-items .cookie-item:hover { |
| background: rgb(238, 243, 249); |
| border-color: rgb(100, 113, 135); |
| } |
| |
| .cookie-items .cookie-item[selected] { |
| background: rgb(245, 248, 248); |
| border-color: #B2B2B2; |
| } |
| |
| .cookie-items .cookie-item[selected]:hover { |
| background: rgb(245, 248, 248); |
| border-color: rgb(100, 113, 135); |
| } |
| |
| .cookie-items .cookie-item .protecting-app, |
| .cookie-data .protecting-app { |
| margin-bottom: -3px; |
| margin-left: 4px; |
| } |
| |
| /* Styles for the cookie details box. */ |
| .cookie-details { |
| background: rgb(245, 248, 248); |
| border: 1px solid #B2B2B2; |
| border-radius: 5px; |
| margin-top: 2px; |
| padding: 5px; |
| } |
| |
| list.cookie-list > .deletable-item[selected] .cookie-details { |
| -webkit-user-select: text; |
| } |
| |
| .cookie-details-table { |
| table-layout: fixed; |
| width: 100%; |
| } |
| |
| .cookie-details-label { |
| vertical-align: top; |
| white-space: pre; |
| width: 10em; |
| } |
| |
| .cookie-details-value { |
| word-wrap: break-word; |
| } |