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 .select-album-dialog-container {
      6   -webkit-box-align: center;
      7   -webkit-box-pack: center;
      8   -webkit-user-select: none;
      9   display: -webkit-box;
     10   height: 100%;
     11   left: 0;
     12   overflow: hidden;
     13   position: absolute;
     14   top: 0;
     15   width: 100%;
     16   z-index: 9999;
     17 }
     18 
     19 .select-album-dialog-shield {
     20   background-color: rgba(0, 0, 0, 0);
     21   bottom: 0;
     22   display: block;
     23   left: 0;
     24   opacity: 0;
     25   pointer-events: none;
     26   position: absolute;
     27   right: 0;
     28   top: 0;
     29 }
     30 
     31 .select-album-dialog-frame {
     32   -webkit-box-orient: vertical;
     33   background-color: black;
     34   border: 1px solid rgba(255, 255, 255, 0.3);
     35   border-radius: 0;
     36   color: white;
     37   cursor: default;
     38   display: -webkit-box;
     39   padding: 14px 17px;
     40   position: relative;
     41   width: 460px;
     42 }
     43 
     44 .select-album-dialog-caption {
     45   margin: 10px 0;
     46 }
     47 
     48 .select-album-dialog-buttons {
     49   -webkit-box-orient: horizontal;
     50   -webkit-box-pack: end;
     51   display: -webkit-box;
     52   padding-top: 10px;
     53 }
     54 
     55 .select-album-list {
     56   max-height: 390px;
     57 }
     58 
     59 .select-album-list::-webkit-scrollbar {
     60   background: black;
     61 }
     62 
     63 .select-album-list::-webkit-scrollbar-thumb {
     64   background: rgb(31, 31, 31);
     65 }
     66 
     67 .select-album-list > li {
     68   -webkit-box-align: center;
     69   -webkit-box-orient: horizontal;
     70   -webkit-box-pack: start;
     71   background: black;
     72   border: none !important;
     73   display: -webkit-box;
     74   height: 130px;
     75   margin: 0;
     76   padding: 0;
     77 }
     78 
     79 .select-album-list > li:hover,
     80 .select-album-list > li[selected],
     81 .select-album-list > li[lead] {
     82   background: rgb(50, 50, 50) !important;
     83 }
     84 
     85 .select-album-list > li > .img-frame {
     86   height: 120px;
     87   margin: 5px;
     88   width: 160px;
     89 }
     90 
     91 .select-album-list > li > .name {
     92   -webkit-box-flex: 1;
     93   font-size: 120%;
     94   margin-left: 15px;
     95   margin-right: 15px;
     96 }
     97 
     98 .select-album-list > li > input {
     99   -webkit-appearance: none;
    100   background: rgba(0, 0, 0, 0);
    101   border: none;
    102   color: white;
    103   height: 26px;
    104   padding: 1px 3px;
    105 }
    106 
    107 .select-album-list > li > input:focus,
    108 .select-album-list > li > input:hover {
    109   background: rgb(31, 31, 31);
    110   outline: none;
    111 }
    112