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