css.content.light.light-desktop.css Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of jsoagger-jfxcore-engine Show documentation
JSoagger jfx core engine
There is a newer version: 1.0.3
Show 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;
}