/*
 * Copyright 2020-2022 Subhadeep Jasu <subhajasu@gmail.com>
 * SPDX-License-Identifier: GPL-3.0-or-later
 */
/* Do not edit this file */


/* ///////////////////////////////////////////////////////////////
Mother class for the central display section
*/
.ensembles-central-display {
    background-color: #333;
    background-image:linear-gradient(#222, #024740, #000, #444);
    box-shadow: inset 0 0 0 2px #000;
}

/* //////////////////////////////////////////////////////////////
General Gtk Widgets
*/
/*
Buttons
*/
.ensembles-central-display button {
	border: 1px solid #000;
	border-radius: 0;
	background: alpha(#007367, 0.6);
	box-shadow: none;
	text-shadow: none;
}

.ensembles-central-display button:hover {
	background: alpha(#007367, 0.8);
}

.ensembles-central-display button:active {
	background: #007367;
}

.ensembles-central-display .flat, .ensembles-central-display .image-button {
	border: none;
	background: alpha(#fff, 0.0);
	border-radius: 0;
}
.ensembles-central-display .flat:hover, .ensembles-central-display .image-button:disabled {
	opacity: 0.5;
}
.ensembles-central-display .flat:focus, .ensembles-central-display .image-button:focus{
	border: none;
	background: alpha(#fff, 0.0);
	border-radius: 0;
	box-shadow: inset 0 -2px 0 0 #02A594;
}
.ensembles-central-display .flat:hover, .ensembles-central-display .image-button:hover {
	background: alpha(#fff, 0.1);
    opacity: 1;
}

/* Entry */
.ensembles-central-display entry {
    background-color: #151515;
    background-clip: padding-box;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
}

/* Spin Button */
.ensembles-central-display spinbutton {
    background-color: alpha (#000, 0.2);
}

.ensembles-central-display spinbutton {
    background-color: alpha (#000, 0.4);
}

.ensembles-central-display spinbutton entry {
    background-color: alpha (#000, 0);
    border: none;
}

.ensembles-central-display spinbutton button {
    background-color: alpha(#333, 0.5);
    border: none;
    border-left: 1px solid #222;
}

.ensembles-central-display spinbutton button:hover {
    background-color: #333;
    border: none;
    border-left: 1px solid #222;
}
.ensembles-central-display spinbutton button:disabled {
    background-color: #222;
    color: #444;
}

/*
Terminal
*/
.ensembles-central-display .terminal {
    background-color: #111;
    color: #666;
    border-radius: 0;
}

/* /////////////////////////////////////////////////////////////////
The screen which is shown by default
*/
.ensembles-central-display .home-screen-background {
	background-image: url("resource://com/github/subhadeepjasu/ensembles/images/display_unit/catalin-sandru-7SxSkCvVM1U-unsplash.jpg");
	background-size: auto 100%;
	background-position: 50%;
}

.ensembles-central-display .home-screen-panel-top {
    background-image: linear-gradient(alpha(#007367, 0.6),alpha(#007367, 0.6)),url("resource://com/github/subhadeepjasu/ensembles/images/display_unit/catalin-sandru-7SxSkCvVM1U-unsplash-blurred.jpg");
    background-size: auto 600%;
    background-position: 50% 0;
    border-bottom: 1px solid alpha(#000, 0.5);
}

.ensembles-central-display .home-screen-top-panel-header {
    font-size: 1.11em;
    margin-top: 4px;
}

.ensembles-central-display .home-screen-top-panel-subheader {
    font-size: 0.8em;
    margin-bottom: 6px;
}

.ensembles-central-display .home-screen-top-panel-button {
    background: none;
    border: 0;
    padding: 0;
    box-shadow: none;
    outline: none;
}

.ensembles-central-display .home-screen-top-panel-button:hover {
    background-color: alpha(#fff, 0.1);
}

.ensembles-central-display .home-screen-panel-bottom {
	background-image: linear-gradient(alpha(#273445, 0.6),alpha(#273445, 0.6)),url("resource://com/github/subhadeepjasu/ensembles/images/display_unit/catalin-sandru-7SxSkCvVM1U-unsplash-blurred.jpg");
    background-size: auto 250%;
    background-position: 50% 100%;
	border-top: 1px solid alpha(#000, 0.5);
}

.ensembles-central-display .home-screen-bottom-panel-header {
    font-size: 0.8em;
    font-weight: bold;
    color: #bbb;
}

.ensembles-central-display .home-screen-bottom-panel-label {
    font-size: 0.9em;
    color: #A4FFFA;
}

.ensembles-central-display .home-screen-bottom-panel-label-small {
	font-size: 0.75em;
    color: #A4FFFA;
    margin-top: -2px;
    margin-bottom: -2px;
}

.ensembles-central-display .home-screen-eq-labels {
    margin-top: -5px;
}

.ensembles-central-display .home-screen-eq-labels > * {
    font-size: 0.7em;
    color: #CAE974;
    border-top: 1px solid #6C9104;
}
.ensembles-central-display .home-screen-channel-button {
	background-color: rgba (255, 255, 255, 0);
    color: rgba (255, 255, 255, 0.4);
}

.ensembles-central-display .home-screen-channel-button:hover {
	background-color: rgba (255, 255, 255, 0.2);
    color: rgba (255, 255, 255, 1);
}


/* /////////////////////////////////////////////////////////////////////
Quick mods are the screens for tempo, modulators and lfo
*/

.ensembles-central-display .quick-mod {
    background-image: linear-gradient(alpha(#273445, 0.6), alpha(#273445, 0.6)), url("resource://com/github/subhadeepjasu/ensembles/images/display_unit/catalin-sandru-7SxSkCvVM1U-unsplash-blurred.jpg");
    background-size: auto 100%;
    background-position: 50%;
    padding: 8px;
}
.ensembles-central-display .quick-mod-close-button {
    background-color: #007367;
    border-radius: 2px 0 0 2px;
    margin-right: -2px;
}
.ensembles-central-display .quick-mod-close-button:hover {
    background-color: #02A594;
}
.ensembles-central-display .quick-mod-header {
    font-size: 1.8em;
    margin-left: 4px;
    background-image:linear-gradient(90deg, #007367, alpha(#007367, 0));
    padding: 4px;
}
.ensembles-central-display .quick-mod-grid > * {
    border: 1px solid #111;
    border-radius: 0;
    box-shadow: none;
    color: #f3f3f3;
}
.ensembles-central-display .quick-mod-grid > spinbutton {
    background-color: alpha (#333, 0.4);
    border-radius: 0;
    box-shadow: none;
    color: #00E9D0;
}
.ensembles-central-display .quick-mod-button {
    background-color: rgba (50, 80, 50, 1);
    outline: 0;
}
.ensembles-central-display .quick-mod-button-assignable {
    background-color: rgba (50, 80, 50, 1);
    background-image: -gtk-icontheme('insert-link-symbolic');
    background-repeat: no-repeat;
    background-position: 120% 90%;
    background-size: 14px;
    box-shadow: inset 0 0 4px rgba (0, 204, 102, 1);
}
.ensembles-central-display .quick-mod-button-assignable:hover {
    background-color: rgba (100, 80, 0, 1);
    background-image: -gtk-icontheme('insert-link-symbolic');
    background-repeat: no-repeat;
    background-position: 97% 90%;
}
.ensembles-central-display .quick-mod-button-locked {
    background-color: rgba (0, 204, 102, 1);
    background-image: -gtk-icontheme('changes-allow-symbolic');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 97% 90%;
    color: #000;
}

/* /////////////////////////////////////////////////////////////////////
Style for Menus like the Style menu, Voice menu or the Recorder
*/

.ensembles-central-display .menu-background {
    background-color: #222;
    color: #fff;
}

.ensembles-central-display .menu-header {
    box-shadow: none;
    border-bottom: none;
    background-color: #007367;
    color: #fff;
    text-shadow: 0 1px #fff;
}

.ensembles-central-display .menu-header .title {
    text-shadow: none;
}

.ensembles-central-display .menu-header > * {
    color: #fff;
    text-shadow: none;
    -gtk-icon-shadow: none;
}

.ensembles-central-display .menu-header > * > * > * {
    color: #fff;
    text-shadow: none;
    -gtk-icon-shadow: none;
}

.ensembles-central-display .menu-box {
    background-color: #333;
    color: #f3f3f3;
    border: 1px solid #000000;
}
.ensembles-central-display .menu-box > .activatable {
    padding: 4px;
    padding-left: 8px;
    color: #aaa;
    border-top: 1px solid alpha(#000, 0.2);
    border-bottom: 1px solid alpha(#000, 0.2);
}
.ensembles-central-display .menu-box > .activatable:selected{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    box-shadow: none;
    background-image: none;
    background-color: rgba (100, 80, 0, 1);
    color: #fff;
}
.ensembles-central-display .menu-item-label {
    font-size: 1.2em;
}
.ensembles-central-display .menu-box > .activatable:selected .menu-item-label {
    text-shadow: none;
}
.ensembles-central-display .menu-item-description {
    font-size: 0.8em;
    margin-top: 8px;
}

.ensembles-central-display .menu-item-icon {
    border: none;
    box-shadow: none;
}

.ensembles-central-display .menu-item-annotation {
    background-color: alpha(#fff, 0.7);
    color: #333;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: -4px;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 2px 4px alpha(#000, 0.5);
}


/* MultiTrack Recorder /////////////////////////////////////////////////////
 */
.ensembles-central-display .recorder-background {
	background: #333;
	border-radius: 6px;
}

.ensembles-central-display .recorder-background > .activatable > * > image {
	opacity: 0;
    transition: opacity 0.5s ease;
}

.ensembles-central-display .recorder-background > .activatable:selected > * > image {
	opacity: 1;
}

.ensembles-central-display .recorder-track {
	background: linear-gradient(#666, #444);
	border: 1px solid alpha (#fff, 0.4);
	border-radius: 4px;
	margin: 2px;
}

.ensembles-central-display .recorder-track > * > * {
    color: #fff;
}

.ensembles-central-display .recorder-track:hover {
	background: linear-gradient(#888, #555);
	border: 1px solid alpha (#fff, 0.8);
}

.ensembles-central-display .recorder-track-mute {
    box-shadow: 0 0 4px #333;
    background: #666;
    background-image: -gtk-icontheme('window-close-symbolic');
    opacity: 0.5;
}

.ensembles-central-display .track-0 {
	box-shadow: inset -2px 4px 18px #a56de2;
}
.ensembles-central-display .track-1 {
	box-shadow: inset -2px 4px 18px #485a6c;
}
.ensembles-central-display .track-2 {
	box-shadow: inset -2px 4px 18px #3689e6;
}
.ensembles-central-display .track-3 {
	box-shadow: inset -2px 4px 18px #f9c440;
}
.ensembles-central-display .track-4{
	box-shadow: inset -2px 4px 18px #715344;
}
.ensembles-central-display .track-5 {
	box-shadow: inset -2px 4px 18px #de3e80;
}
.ensembles-central-display .track-6 {
	box-shadow: inset -2px 4px 18px #68b723;
}
.ensembles-central-display .track-7 {
	box-shadow: inset -2px 4px 18px #c6262e;
}
.ensembles-central-display .track-8 {
	box-shadow: inset -2px 4px 18px #f37329;
}
.ensembles-central-display .track-9 {
	box-shadow: inset -2px 4px 18px #28bca3;
}


.ensembles-central-display .recorder-progress-line {
    box-shadow: inset -6px 0 4px alpha (#0f0, 0.4);
    border-right: 1px solid alpha (#0f0, 0.8);
}

/* Welcome Screen //////////////////////////////////////////////////////
 */
.ensembles-central-display .welcome {
	background: #222;
}
.ensembles-central-display .welcome > .vertical > .h1 {
	color: #f3f3f3;
	font-size: 1.6em;
}
.ensembles-central-display .welcome > .vertical > .h2 {
	color: #f3f3f3;
	font-size: 1.2em;
}
.ensembles-central-display .welcome > .vertical > .vertical > * {
	color: #f3f3f3;
}
