css.content.light.light-desktop.css Maven / Gradle / Ivy
The newest version!
/*-
* ========================LICENSE_START=================================
* JSoagger
* %%
* Copyright (C) 2019 JSOAGGER
* %%
* 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.
* =========================LICENSE_END==================================
*/
@IMPORT "/css/content/common/common-colors.css";
@IMPORT "/css/content/light/light.css";
/* @IMPORT "jmetroLightTheme.css";*/
@IMPORT "jfx-controls.css";
@IMPORT "jsoagger-controls.css";
@IMPORT "menu.css";
@IMPORT "detailsView.css";
@IMPORT "tables.css";
@IMPORT "chips.css";
@IMPORT "search.css";
@IMPORT "detailsView.css";
@IMPORT "tabpane.css";
@IMPORT "listview.css";
@IMPORT "/css/content/common/common.css";
.ep-double-header-root-structure {
/*-fx-effect: dropshadow(three-pass-box,derive(black,40%),8.0,0,0,1.0);*/
}
.ep-primary-menu-with-navbar-top-toolbar{
-fx-alignment: CENTER_LEFT;
-fx-spacing:4;
-fx-padding:0 0 0 32;
-fx-pref-height:72;
}
.ep-navbar-top-toolbar-back-icon-container{
-fx-alignment:CENTER_LEFT;
-fx-padding:16 0 14 0;
}
.ep-primary-menu-with-navbar-bottom-toolbar{
-fx-alignment: CENTER_LEFT;
-fx-spacing:16;
-fx-padding:16 0 0 30;
-fx-pref-height:72;
}
/*No background button, used in header of application */
.ep-headerless-app-header-button,
.secondary-app-header-button,
.app-header-profile-button,
.app-header-button{
-fx-background-color: transparent;
-fx-text-fill: -white-color;
-fx-padding:0 8 0 8;
-fx-focus-color:transparent;
-jfx-button-type:RAISED;
}
.app-header-profile-button{
-fx-content-display:RIGHT;
}
.app-header-profile-button .text{
-fx-font-family:'Helvetica';
-fx-text-fill:-white-color;
-fx-fill:-white-color;
}
.app-header-button-bordered{
-fx-background-color: transparent;
-fx-border-color:-white-color;
-fx-border-width:0.0 1.0 0.0 0.0;
-fx-padding:0.0 32.0 0.0 0.0;
}
.ep-headerless-app-header-button:focused,
.ep-headerless-app-header-button{
-fx-background-color: derive(-primary-color,20%);
}
.app-header-profile-button *.ikonli-font-icon,
.app-header-button-bordered *.ikonli-font-icon,
.app-header-button>*.ikonli-font-icon{
-fx-fill: -white-color;
}
.secondary-app-header-button >*.ikonli-font-icon{
-fx-fill: -black-color;
}
.secondary-app-header-button,
.app-header-button:hover{
/*-fx-effect: dropshadow(one-pass-box, -primary-color-900, 15.0, 0.0, 1.0,1.0);*/
}
.secondary-app-header-button:armed,
.secondary-app-header-button:focused,
.app-header-profile-button:focused,
.app-header-profile-button:armed,
.app-header-button:focused,
.app-header-button:armed{
-fx-background-color: transparent;
-fx-effect:null;
-fx-border-color:transparent;
}
.headline,
.ep-headline{
-fx-font-size:16px;
-fx-font-family:'Helvetica' !important;
-fx-text-fill:-fx-link-color;
-fx-font-weight:bold;
}
.ep-table-headline {
-fx-font-size:20px;
-fx-font-family:'Helvetica' !important;
}
.listview-pane-header-secondary-label-flow{
-fx-font-size:12px;
-fx-font-family:'Helvetica';
}
.ep-table-headline-bold{
-fx-font-weight:Bold;
-fx-font-size:30.0px;
-fx-font-family:'Arial' !important;
}
.ep-table-headline-bold-white{
-fx-text-fill:white;
-fx-fill:white;
-fx-font-weight:Bold;
-fx-font-size:24.0px;
-fx-font-family:'Arial' !important;
}
.ep-header-all-container {
-fx-alignment: CENTER;
-fx-pref-height: 72;
-fx-padding: 0;
-fx-background-color: -application-header-background-color;
-fx-spacing: 0;
-fx-border-width:0 0 2 0;
-fx-border-color: transparent transparent derive(-application-header-background-color,-5%) transparent;
}
.ep-header-static-location {
-fx-font-size:2em;
-fx-text-fill:white;
}
/*******************************************************************************
* THIS FILE CONTAINS CSS SPECIFIC TO DESKTOP
******************************************************************************/
.button-xsmall {
-fx-min-width:32.0px;
-fx-padding:4 8 4 8;
}
.button-small {
-fx-min-width:64.0px;
-fx-padding:4 8 4 8;
}
.button-medium {
-fx-min-width:128.0px;
-fx-padding:4.0 16.0 4.0 16.0;
}
.button-xlarge {
-fx-min-width:200.0px;
-fx-padding:16;
}
.button-large {
-fx-min-width:128.0px;
-fx-padding:4.0 16.0 4.0 16.0;
}
.ep-preference-title-pane{
-fx-padding:0;
}
.header-center-toolbar{
-fx-alignment:CENTER;
}
.radio-buttons-internal-wrapper{
-fx-alignment:CENTER_LEFT;
-fx-padding:10.0 0.0 10 10.0;
-fx-border-width: 0.0 0 1 0;
-fx-border-color:-internal-border-color;
}
.ep-internal-checkbox-buttons-wrapper-each{
-fx-border-width: 0.0 0 1 0;
-fx-border-color:-internal-border-color;
-fx-padding:0 0.0 8 0;
-fx-alignment:CENTER_LEFT;
}
.ep-preferences-root-table{
-fx-padding:32;
-fx-spacing:32
}
.item-presenter-row-container:hover,
.item-presenter-row-container{
-fx-alignment:CENTER_LEFT;
}
.app-header-default-button{
-fx-background-color: -accent-color;
-fx-padding:8 12 8 12;
-fx-border-radius:10;
-fx-border-radius:20;
-fx-background-radius:20;
}