ui/file_manager/audio_player/css/audio_player.css

   1 /* Copyright 2013 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 html {
   6   height: 100%;
   7 }
   8
   9 body {
  10   -webkit-user-select: none;
  11   display: flex;
  12   flex-direction: column;
  13   height: 100%;
  14   margin: 0;
  15   overflow: hidden;
  16   padding: 0;
  17 }
  18
  19 .header {
  20   background: #fff;
  21   border-bottom: 1px solid #ddd;
  22   height: 32px;
  23 }
  24
  25 div.audio-player {
  26   color: #3d3d3d;
  27   cursor: default;
  28   flex: 1 1 auto;
  29   font-size: 10pt;
  30   position: relative;
  31 }
  32
  33 .audio-player:not(.collapsed):not(.single-track) > .title-button {
  34   background-color: #1f1f1f;
  35 }
  36
  37 /* Customized scrollbar for the playlist. */
  38
  39 ::-webkit-scrollbar {
  40   height: 16px;
  41   width: 16px;
  42 }
  43
  44 ::-webkit-scrollbar-button {
  45   height: 0;
  46   width: 0;
  47 }
  48
  49 ::-webkit-scrollbar-thumb {
  50   background-clip: padding-box;
  51   background-color: rgba(255, 255, 255, 0.15);
  52   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10),
  53               inset 0 -1px 0  rgba(0, 0, 0, 0.07);
  54   min-height: 28px;
  55 }
  56
  57 ::-webkit-scrollbar-thumb:hover {
  58   background-color: rgba(255, 255, 255, 0.20);
  59   box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  60 }
  61
  62 ::-webkit-scrollbar-thumb:active {
  63   background-color: rgba(255, 255, 255, 0.25);
  64   box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
  65 }
  66
  67 ::-webkit-scrollbar-thumb:vertical {
  68   border-bottom: 0 solid transparent;
  69   border-left: 5px solid transparent;
  70   border-right: 0 solid transparent;
  71   border-top: 0 solid transparent;
  72 }
  73
  74 ::-webkit-scrollbar-track:hover {
  75   background-color: rgba(0, 0, 0, 0.05);
  76   box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.10);
  77 }
  78
  79 ::-webkit-scrollbar-track:active {
  80   background-color: rgba(0, 0, 0, 0.05);
  81   box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),
  82               inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  83 }
  84
  85 ::-webkit-scrollbar-track:vertical {
  86   background-clip: padding-box;
  87   background-color: transparent;
  88   border-left: 5px solid transparent;
  89   border-right: 0 solid transparent;
  90 }