/* 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; }