| /* 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. */ |
| |
| .select-album-dialog-container { |
| -webkit-box-align: center; |
| -webkit-box-pack: center; |
| -webkit-user-select: none; |
| display: -webkit-box; |
| height: 100%; |
| left: 0; |
| overflow: hidden; |
| position: absolute; |
| top: 0; |
| width: 100%; |
| z-index: 9999; |
| } |
| |
| .select-album-dialog-shield { |
| background-color: rgba(0, 0, 0, 0); |
| bottom: 0; |
| display: block; |
| left: 0; |
| opacity: 0; |
| pointer-events: none; |
| position: absolute; |
| right: 0; |
| top: 0; |
| } |
| |
| .select-album-dialog-frame { |
| -webkit-box-orient: vertical; |
| background-color: black; |
| border: 1px solid rgba(255, 255, 255, 0.3); |
| border-radius: 0; |
| color: white; |
| cursor: default; |
| display: -webkit-box; |
| padding: 14px 17px; |
| position: relative; |
| width: 460px; |
| } |
| |
| .select-album-dialog-caption { |
| margin: 10px 0; |
| } |
| |
| .select-album-dialog-buttons { |
| -webkit-box-orient: horizontal; |
| -webkit-box-pack: end; |
| display: -webkit-box; |
| padding-top: 10px; |
| } |
| |
| .select-album-list { |
| max-height: 390px; |
| } |
| |
| .select-album-list::-webkit-scrollbar { |
| background: black; |
| } |
| |
| .select-album-list::-webkit-scrollbar-thumb { |
| background: rgb(31, 31, 31); |
| } |
| |
| .select-album-list > li { |
| -webkit-box-align: center; |
| -webkit-box-orient: horizontal; |
| -webkit-box-pack: start; |
| background: black; |
| border: none !important; |
| display: -webkit-box; |
| height: 130px; |
| margin: 0; |
| padding: 0; |
| } |
| |
| .select-album-list > li:hover, |
| .select-album-list > li[selected], |
| .select-album-list > li[lead] { |
| background: rgb(50, 50, 50) !important; |
| } |
| |
| .select-album-list > li > .img-frame { |
| height: 120px; |
| margin: 5px; |
| width: 160px; |
| } |
| |
| .select-album-list > li > .name { |
| -webkit-box-flex: 1; |
| font-size: 120%; |
| margin-left: 15px; |
| margin-right: 15px; |
| } |
| |
| .select-album-list > li > input { |
| -webkit-appearance: none; |
| background: rgba(0, 0, 0, 0); |
| border: none; |
| color: white; |
| height: 26px; |
| padding: 1px 3px; |
| } |
| |
| .select-album-list > li > input:focus, |
| .select-album-list > li > input:hover { |
| background: rgb(31, 31, 31); |
| outline: none; |
| } |