/*
|
To change this license header, choose License Headers in Project Properties.
|
To change this template file, choose Tools | Templates
|
and open the template in the editor.
|
*/
|
/*
|
Created on : 3 févr. 2022, 08:53:05
|
Author : MGT_DEV3
|
*/
|
@font-face {
|
font-family: 'Roboto';
|
src: url('../fonts/Roboto-Medium.ttf');
|
}
|
|
* {
|
-fx-font-family: 'Roboto';
|
}
|
|
.mainForm {
|
-fx-background-color: #fff;
|
}
|
|
/* LABEL */
|
|
.form-label {
|
-fx-text-fill: rgba(137, 137, 137, 1);
|
-fx-font-weight: normal;
|
}
|
|
.label {
|
-fx-font-family: 'Roboto';
|
-fx-font-size: 12px;
|
/* -fx-font-weight: bold; */
|
-fx-text-fill: #333333;
|
/* -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 ); */
|
}
|
|
|
/* TEXTFIELD */
|
|
.text-field {
|
-fx-background-color: rgba(255, 255, 255, 1);
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
/*-fx-text-fill: rgba(98, 98, 100, 1);*/
|
-fx-text-fill: #000;
|
-fx-border-color: rgba(208, 208, 208, 1);
|
-fx-border-width: 1;
|
-fx-font-family: 'Roboto';
|
-fx-min-height: 28px;
|
-fx-pref-height: 28px;
|
-fx-font-size: 12px;
|
}
|
|
.text-field:disabled {
|
-fx-background-color: rgba(240, 240, 240, 1);
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
/*-fx-text-fill: rgba(98, 98, 100, 1);*/
|
-fx-text-fill: #000;
|
-fx-border-color: rgba(208, 208, 208, 1);
|
-fx-opacity: 1.0;
|
-fx-font-size: 12px;
|
}
|
|
.text-field:focused {
|
-fx-border-color: #0FA3D5;
|
}
|
|
.text-field:focused:hover {
|
-fx-border-color: #0FA3D5;
|
}
|
|
.text-area {
|
-fx-background-insets: 0;
|
-fx-background-color: white;
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
-fx-background-radius: 0px;
|
-fx-border-color: rgba(208, 208, 208, 1);
|
}
|
|
.text-area .content {
|
-fx-background-color: white;
|
}
|
|
.text-area:focused .content {
|
-fx-background-color: white;
|
}
|
|
.text-area:focused {
|
-fx-border-color: #0FA3D5;
|
}
|
|
.text-area .content {
|
-fx-padding: 10px;
|
-fx-text-fill: rgba(100, 99, 102, 1);
|
/*-fx-highlight-fill: #7ecfff;*/
|
}
|
|
.text-area:disabled {
|
-fx-background-insets: 0;
|
-fx-background-color: rgba(241, 241, 241, 1);
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
-fx-background-radius: 0px;
|
-fx-border-color: rgba(208, 208, 208, 1);
|
-fx-opacity: 1.0;
|
-fx-text-fill: #000;
|
}
|
|
.text-area:disabled .content {
|
-fx-background-color: rgba(241, 241, 241, 1);
|
}
|
|
/* keep element fully opaque, when disabled */
|
.text-area:disabled,
|
.text-area *:disabled {
|
-fx-opacity: 1;
|
}
|
|
* {
|
-fx-primary-color: #007acc;
|
-fx-secondary-color: #4B6EAF;
|
-fx-focus-color: -fx-secondary-color;
|
}
|
|
/* SPINNER */
|
|
.spinner {
|
-fx-border-width: 0;
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
-fx-background-radius: 0px;
|
-fx-min-height:28px;
|
}
|
|
.spinner .increment-arrow-button,
|
.spinner .decrement-arrow-button {
|
-fx-background-color: rgba(255, 255, 255, 1);
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
-fx-border-color: rgba(225, 225, 225, 1);
|
-fx-border-width: 1;
|
}
|
.spinner .increment-arrow-button:hover,
|
.spinner .decrement-arrow-button:hover {
|
|
}
|
.spinner .increment-arrow-button:hover:pressed,
|
.spinner .decrement-arrow-button:hover:pressed,
|
.spinner .increment-arrow-button:pressed,
|
.spinner .decrement-arrow-button:pressed {
|
|
}
|
.spinner .increment-arrow-button .increment-arrow,
|
.spinner .decrement-arrow-button .decrement-arrow {
|
-fx-background-color: rgba(162, 162, 162, 1);
|
}
|
|
/* CHECKBOX */
|
.check-box {
|
/* default properties */
|
selected-box-color: rgba(111, 136, 140, 1);
|
box-color: rgba(111, 136, 140, 1);
|
mark-color: white;
|
}
|
|
.check-box:selected > .box {
|
/* background color for selected checkbox */
|
-fx-background-color: selected-box-color;
|
}
|
|
.check-box > .box {
|
/* background color of unselected checkbox */
|
-fx-background-color: box-color;
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
}
|
|
.check-box:selected > .box > .mark,
|
.check-box:indeterminate > .box > .mark {
|
/* modify mark color */
|
-fx-background-color: mark-color;
|
}
|
|
/* COMBOBOX */
|
/* The ListCell that shows the selected item in a non-editable ComboBox */
|
|
.combo-box {
|
-fx-border-color: #D3D3D3;
|
-fx-min-height: 28px;
|
-fx-pref-height: 28px;
|
}
|
|
.combo-box,
|
.combo-box:focus,
|
.combo-box .list-cell {
|
-fx-background-color: rgba(255,255,255, 1);
|
-fx-border-color: #C9C9CC;
|
-fx-border-width: 0.1 0.1 0.1 0.1;
|
}
|
|
.combo-box .list-view .list-cell {
|
-fx-background-color: rgba(255, 255, 255, 1);
|
}
|
|
.combo-box .list-view {
|
-fx-background-color: rgba(250, 250, 250, 1);
|
-fx-border-color:rgba(225, 225, 225, 1);
|
}
|
|
/* The TextField that shows the selected item in an editable ComboBox */
|
.combo-box .text-input {
|
-fx-background-color: rgba(255, 255, 255, 1);
|
}
|
|
.combo-box:disabled {
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
/*-fx-text-fill: rgba(98, 98, 100, 1);*/
|
-fx-text-fill: black;
|
-fx-opacity: 1.0;
|
-fx-background-color: rgba(235, 242, 243, 1);
|
}
|
|
.combo-box-base:disabled {
|
-fx-background-color: rgba(245, 242, 243, 1);
|
-fx-border-radius: 0px;
|
-fx-background-radius: 0px;
|
/*-fx-text-fill: rgba(98, 98, 100, 1);*/
|
-fx-text-fill: black;
|
-fx-border-color: rgba(228, 238, 248, 1);
|
-fx-opacity: 1;
|
}
|
|
.combo-box-base {
|
-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, white;
|
-fx-background-insets: 0 0 -1 0, 0, 1, 2;
|
-fx-background-radius: 3px, 3px, 2px, 1px;
|
}
|
|
|
/* Style the arrow button area */
|
.combo-box .arrow-button {
|
-fx-background-color: rgba(255, 255, 255, 1);
|
-fx-border-radius: 1px;
|
-fx-background-radius: 0px;
|
-fx-border-color: rgba(225, 225, 225, 1);
|
-fx-border-width: 1;
|
}
|
|
.combo-box .arrow-button .arrow {
|
-fx-background-color: rgba(162, 162, 162, 1);
|
}
|
|
/* Set the text color in the popup list for ComboBox to blue */
|
.combo-box-popup .list-view .list-cell {
|
-fx-text-fill: rgba(98, 98, 100, 1);
|
}
|
|
/* Set the text color in the popup list for ComboBox to blue */
|
.combo-box-popup .list-view .list-cell:hover {
|
-fx-text-fill: rgba(98, 98, 100, 1);
|
-fx-background-color: rgba(214, 236, 219, 1);
|
}
|
|
/*
|
* Title pane style
|
*/
|
/*
|
* Title pane style
|
*/
|
.titled-pane {
|
-fx-border-color: rgba(199, 200, 202, 1);
|
/* -fx-text-fill: rgba(255, 255, 255, 1);*/
|
-fx-background-color: rgba(255, 255, 255, 1);
|
}
|
|
.titled-pane > .title {
|
-fx-background-radius: 0;
|
-fx-border-radius: 0;
|
-fx-background-color: rgba(88, 88, 90, 1);
|
}
|
|
.titled-pane > .title .text {
|
|
}
|
|
/* #2 */
|
.titled-pane > .title > .text {
|
-fx-font-size: 14px;
|
/* -fx-background-color: rgba(114, 114, 116, 1);*/
|
-fx-text-fill: #FFFFFF;
|
}
|
|
.nested-class .table-view {
|
-fx-background-color: transparent;
|
-fx-border-color: rgb(209, 211, 212);
|
-fx-padding: 0;
|
}
|
|
.nested-class .table-view .column-header,
|
.nested-class .table-view .column-header-background .filler {
|
-fx-background-color: red;
|
}
|
|
.nested-class .column-header {
|
|
}
|
|
.nested-class .table-view .column-header-background{
|
-fx-padding: 0;
|
}
|
|
.nested-class .table-view .column-header {
|
-fx-border-color: rgb(209, 211, 212);
|
}
|
|
.nested-class .table-view .column-header .label{
|
-fx-text-fill: white;
|
-fx-font-weight: bold;
|
-fx-alignment: CENTER;
|
-fx-padding: 5;
|
}
|
|
.nested-class .table-cell {
|
-fx-border-width: 0 1 0 1;
|
-fx-border-color: rgb(230, 231, 232);
|
-fx-padding: 5;
|
}
|
|
.nested-class .table-row-cell{
|
-fx-background-color: #ffffff;
|
}
|
|
.nested-class .table-row-cell:odd {
|
-fx-background-color: rgb(239, 239, 240);
|
}
|
|
.nested-class .table-row-cell:selected {
|
-fx-background-color: rgba(214, 236, 219, 1);
|
-fx-background-insets: 0;
|
-fx-background-radius: 0;
|
}
|
|
.nested-class .table-row-cell:selected .text {
|
-fx-fill: #000;
|
}
|
|
.abstract-selection-item .text-field:disabled {
|
-fx-background-color: rgba(240, 240, 240, 1);
|
}
|
|
.pane .vbox {
|
-fx-background-color: blue;
|
}
|
|
.abstract-selection-list .text-field,
|
.abstract-selection-list .text-field:disabled {
|
-fx-text-fill: #000;
|
}
|
|
.abstract-selection-item .text-field,
|
.abstract-selection-item .text-field:disabled {
|
-fx-text-fill: #000;
|
}
|
