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");
}