src/ui/file_manager/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-family: Open Sans, Droid Sans Fallback, sans-serif;
  30   font-size: 10pt;
  31   position: relative;
  32 }
  33
  34 .audio-player:not(.collapsed):not(.single-track) > .title-button {
  35   background-color: #1f1f1f;
  36 }
  37
  38 /* Customized scrollbar for the playlist. */
  39
  40 ::-webkit-scrollbar {
  41   height: 16px;
  42   width: 16px;
  43 }
  44
  45 ::-webkit-scrollbar-button {
  46   height: 0;
  47   width: 0;
  48 }
  49
  50 ::-webkit-scrollbar-thumb {
  51   background-clip: padding-box;
  52   background-color: rgba(255, 255, 255, 0.15);
  53   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10),
  54               inset 0 -1px 0  rgba(0, 0, 0, 0.07);
  55   min-height: 28px;
  56 }
  57
  58 ::-webkit-scrollbar-thumb:hover {
  59   background-color: rgba(255, 255, 255, 0.20);
  60   box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  61 }
  62
  63 ::-webkit-scrollbar-thumb:active {
  64   background-color: rgba(255, 255, 255, 0.25);
  65   box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
  66 }
  67
  68 ::-webkit-scrollbar-thumb:vertical {
  69   border-bottom: 0 solid transparent;
  70   border-left: 5px solid transparent;
  71   border-right: 0 solid transparent;
  72   border-top: 0 solid transparent;
  73 }
  74
  75 ::-webkit-scrollbar-track:hover {
  76   background-color: rgba(0, 0, 0, 0.05);
  77   box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.10);
  78 }
  79
  80 ::-webkit-scrollbar-track:active {
  81   background-color: rgba(0, 0, 0, 0.05);
  82   box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),
  83               inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  84 }
  85
  86 ::-webkit-scrollbar-track:vertical {
  87   background-clip: padding-box;
  88   background-color: transparent;
  89   border-left: 5px solid transparent;
  90   border-right: 0 solid transparent;
  91 }