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