Home | History | Annotate | Download | only in css 
      1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
      2  * Use of this source code is governed by a BSD-style license that can be
      3  * found in the LICENSE file. */
      4 
      5 list,
      6 grid {
      7   display: block;
      8   outline: none;
      9   overflow: auto;
     10   position: relative; /* Make sure that item offsets are relative to the
     11                          list. */
     12 }
     13 
     14 list > *,
     15 grid > * {
     16   -webkit-user-select: none;
     17   background-color: rgba(255, 255, 255, 0);
     18   border: 1px solid rgba(255, 255, 255, 0); /* transparent white */
     19   border-radius: 2px;
     20   cursor: default;
     21   line-height: 20px;
     22   margin: -1px 0;
     23   overflow: hidden;
     24   padding: 0 3px;
     25   position: relative; /* to allow overlap */
     26   text-overflow: ellipsis;
     27   white-space: pre;
     28 }
     29 
     30 list > * {
     31   display: block;
     32 }
     33 
     34 grid > * {
     35   display: inline-block;
     36 }
     37 
     38 list > [lead],
     39 grid > [lead] {
     40   border-color: transparent;
     41 }
     42 
     43 list:focus > [lead],
     44 grid:focus > [lead] {
     45   border-color: hsl(214, 91%, 65%);
     46   z-index: 2;
     47 }
     48 
     49 list > [anchor],
     50 grid > [anchor] {
     51 
     52 }
     53 
     54 list:not([disabled]) > :hover,
     55 grid:not([disabled]) > :hover {
     56   background-color: hsl(214, 91%, 97%);
     57   border-color: hsl(214, 91%, 85%);
     58   z-index: 1;
     59 }
     60 
     61 list > [selected],
     62 grid > [selected] {
     63   background-color: hsl(0, 0%, 90%);
     64   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
     65                                             rgba(255, 255, 255, 0));
     66   border-color: hsl(0, 0%, 85%);
     67   z-index: 2;
     68 }
     69 
     70 list:focus > [selected],
     71 grid:focus > [selected] {
     72   background-color: hsl(214, 91%, 89%);
     73   border-color: hsl(214, 91%, 65%);
     74 }
     75 
     76 list:focus > [lead][selected],
     77 list > [selected]:hover,
     78 grid:focus > [lead][selected],
     79 grid > [selected]:hover {
     80   background-color: hsl(214, 91%, 87%);
     81   border-color: hsl(214, 91%, 65%);
     82 }
     83 
     84 list > .spacer,
     85 grid > .spacer {
     86   border: 0;
     87   box-sizing: border-box;
     88   display: block;
     89   margin: 0;
     90   overflow: hidden;
     91   visibility: hidden;
     92 }
     93 
     94 list :-webkit-any(
     95     input[type='input'],
     96     input[type='password'],
     97     input[type='search'],
     98     input[type='text'],
     99     input[type='url']),
    100 list :-webkit-any(
    101     button,
    102     input[type='button'],
    103     input[type='submit'],
    104     select):not(.custom-appearance):not(.link-button) {
    105   line-height: normal;
    106   margin: 0;
    107   vertical-align: middle;
    108 }
    109 
    110 list > [hidden],
    111 grid > [hidden] {
    112   display: none;
    113 }
    114 
    115 list > .drag-selection-border {
    116   border-radius: 0;
    117   background-color: rgba(255, 255, 255, 0.3);
    118   border: 2px solid rgba(255, 255, 255, 0.6);
    119   outline: 1px solid rgba(0, 0, 0, 0.1);
    120   position: absolute;
    121   z-index: 2;
    122 }
    123