Content of file Application.css

/**
 * *********************************************************************************************************************
 *
 * blueMarine II: Semantic Media Centre
 * http://tidalwave.it/projects/bluemarine2
 *
 * Copyright (C) 2015 - 2021 by Tidalwave s.a.s. (http://tidalwave.it)
 *
 * *********************************************************************************************************************
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations under the License.
 *
 * *********************************************************************************************************************
 *
 * git clone https://bitbucket.org/tidalwave/bluemarine2-src
 * git clone https://github.com/tidalwave-it/bluemarine2-src
 *
 * *********************************************************************************************************************
 */
/*.root
  {
    -fx-font-size:          40px;
  }*/

.label
  {
    -fx-font-size:          3.1em;
    -fx-text-fill:          white;
  }

.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:focused:selected,
.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected
  {
    -fx-background-color:   linear-gradient(rgb(95.0, 165.0, 221.0),
                                            rgb(54.0, 124.0, 192.0)),
                            linear-gradient(rgb(116.0, 186.0, 232.0),
                                            rgb(116.0, 186.0, 232.0) 1.0%,
                                            rgb(109.0, 178.0, 227.0) 1.0%,
                                            rgb(59.0, 136.0, 208.0) 100.0%);
    -fx-background-insets:  0.0, 0.025em 0.0 0.025em 0.0;
    -fx-text-fill:          black;
  }

.button
  {
    -fx-background-color:   rgb(20,20,20);
    -fx-text-fill:          white;
    -fx-font-size:          3.15em;
    -fx-border-color:       rgb(50, 50, 50);
    -fx-border-radius:      0.25em;
    -fx-background-radius:  0.25em;
  }

.button:focused
  {
    -fx-border-color:       rgb(130,130,130);
  }

.list-view
  {
    -fx-background-color:   rgb(20,20,20);
  }

.list-cell
  {
    -fx-font-size:          2.36em;
    -fx-background-color:   transparent;
    /*-fx-padding:            2em 2.5em 2em 2.5em;*/
    -fx-text-fill:          white;
  }

.list-cell:even
  {
    -fx-background-color:   rgb(25,25,25);
  }
  
.toggle-button
  {
    -fx-background-color:    black;
  }
  
.toggle-button:selected
  {
    -fx-background-color:   linear-gradient(rgb(95.0, 165.0, 221.0),
                                            rgb(54.0, 124.0, 192.0)),
                            linear-gradient(rgb(116.0, 186.0, 232.0),
                                            rgb(116.0, 186.0, 232.0) 1.0%,
                                            rgb(109.0, 178.0, 227.0) 1.0%,
                                            rgb(59.0, 136.0, 208.0) 100.0%);
  }

.toggle-button:armed, .toggle-button:selected:armed
  {
    -fx-background-color: rgb(87.0, 87.0, 87.0), -toggle-armed-base, -toggle-shadow-armed;
  }
  

.MediaFileSystem,
.RepositoryBrowserByArtistThenTrack,
.RepositoryBrowserByArtistThenRecord,
.RepositoryBrowserByRecordThenTrack,
.RepositoryBrowserByTrack
  {
    -fx-min-width:           3em;
    -fx-max-width:           3em;
    -fx-pref-width:          3em;
    -fx-padding:             0.2em;
    -fx-background-size:     1.8em 1.8em;
    -fx-background-repeat:   no-repeat;
    -fx-background-position: center;
  }

.MediaFileSystem
  {
    -fx-background-image:    url("music-128.png");
  }
  
.RepositoryBrowserByArtistThenTrack
  {
    -fx-background-image:    url("contacts-128.png");
  }
  
.RepositoryBrowserByArtistThenRecord
  {
    -fx-background-image:    url("contacts-128.png");
  }
  
.RepositoryBrowserByRecordThenTrack
  {
    -fx-background-image:    url("cd-128.png");
  }

.RepositoryBrowserByTrack
  {
    -fx-background-image:    url("note-128.png");
  }
  
  
  
.mainFxmlClass
  {
    -fx-background-color:   black;
  }

.content-panel
  {
    -fx-padding:            1em;
  }

.header-label
  {
    -fx-font-size:          4.7em;
  }

.very-small-label
  {
    -fx-font-size:          1.57em;
  }

.small-label
  {
    -fx-font-size:          2.2em;
  }

.medium-label
  {
    -fx-font-size:          2.4em;
  }

.large-label
  {
    -fx-font-size:          3.9em;
  }
  
.large-title-label
  {
    -fx-font-size:          3.5em;
    -fx-font-weight:        bold;
    -fx-text-fill:          rgb(250,210,0);
  }

.smallButton
  {
    -fx-font-size:          2.2em;
    -fx-border-radius:      0.3em;
    -fx-background-radius:  0.3em
  }

.mainMenuButton
  {
    -fx-font-size:          4.72em;
    -fx-border-radius:      0.5em;
    -fx-background-radius:  0.5em;
    -fx-padding:            0.125em;
  }

.cell-container
  {
    -fx-pref-width:             100%;
    -fx-alignment:              baseline-left;
  }

.folder-icon,
.artist-icon,
.artist-group-icon,
.record-icon,
.track-icon
  {
    -fx-min-width:              2.2em;
    -fx-max-width:              2.2em;
    -fx-pref-width:             2.2em;
    -fx-background-repeat:      no-repeat;
    -fx-background-position:    left center;
    -fx-background-size:        1.9em 1.9em;
    -fx-alignment:              center;
  }

.track-icon
  {
    -fx-background-image:       url("note-128.png");
  }
  
.folder-icon
  {
    -fx-background-image:       url("music-128.png");
  }

.artist-icon
  {
    -fx-background-image:       url("contacts-128.png");
  }

.artist-group-icon
  {
    -fx-background-image:       url("group-128.png");
  }

.record-icon
  {
    -fx-background-image:       url("cd-128.png");
  }

.track-icon
  {
    -fx-background-image:       url("note-128.png");
  }

.track-index
  {
    -fx-min-width:              4.3em;
    -fx-max-width:              4.3em;
    -fx-pref-width:             4.3em;
    -fx-font-size:              0.6em;
    -fx-alignment:              baseline-right;
  }

.folder-label,
.artist-label,
.record-label,
.track-label
  {
    -fx-pref-width:             9999; /* FIXME */
*/
-fx-wrap-text: true; } .record-duration, .track-duration { -fx-min-width: 6.2em; -fx-max-width: 6.2em; -fx-pref-width: 6.2em; -fx-font-size: 0.7em; -fx-alignment: baseline-right; -fx-text-fill: rgb(200, 200, 200); } .cover-art { -fx-background-color: rgb(20,20,20); } .cover-art-image { -fx-background-color: rgb(40,40,40); } .details { -fx-background-color: rgb(20,20,20); -fx-padding: 0.125em; } .track-details { -fx-font-size: 2.0em; -fx-wrap-text: true; } #btUp, #btPlay, #btStop, #btPause, #btRewind, #btFastForward, #btPrev, #btNext { -fx-padding: 0.2em; -fx-background-size: 2em 2em; -fx-background-repeat: no-repeat; -fx-background-position: center; } #btUp { -fx-background-image: url("arrow-135-128.png"); } #btPlay { -fx-background-image: url("play-5-128.png"); } #btStop { -fx-background-image: url("stop-128.png"); } #btPause { -fx-background-image: url("pause-128.png"); } #btRewind { -fx-background-image: url("arrow-69-128.png"); } #btFastForward { -fx-background-image: url("arrow-44-128.png"); } #btPrev { -fx-background-image: url("arrow-107-128.png"); } #btNext { -fx-background-image: url("arrow-41-128.png"); }