590 lines
17 KiB
CSS
590 lines
17 KiB
CSS
/*******************************************************************************
|
|
* *
|
|
* Text + Font *
|
|
* *
|
|
******************************************************************************/
|
|
/*@font-face{
|
|
font-family: 'Raleway-SemiBold'; src: url('/Fonts/Raleway-SemiBold.ttf');
|
|
}
|
|
*/
|
|
.testtext{
|
|
-fx-font-family: "Raleway-SemiBold";
|
|
-fx-font-size:18;
|
|
}
|
|
|
|
.testtext2{
|
|
-fx-font-family: "Raleway-Medium";
|
|
-fx-font-size:30;
|
|
|
|
}
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Progress Indicator *
|
|
* *
|
|
******************************************************************************/
|
|
.ProgressIndicator-Default{
|
|
-fx-progress-color:#ffffff;
|
|
}
|
|
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* AnchorPane + Pane *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
|
|
.AnchorPane-Default{
|
|
-fx-background-color:#ffffff;
|
|
}
|
|
|
|
.Pane-Default{
|
|
-fx-background-color:#ffffff;
|
|
}
|
|
|
|
|
|
.pane2hautdroit{
|
|
-fx-border-color: #d2d2d2;
|
|
-fx-background-color:#ffffff;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Icon Print PDF EXCEL *
|
|
* *
|
|
******************************************************************************/
|
|
.btn-icon-Show{
|
|
-fx-background-color: #337ab7;
|
|
-fx-background-radius: 5;
|
|
-fx-background-image: url("../icon/detailbutton.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 16 16;
|
|
-fx-background-position: 10 10;
|
|
-fx-alignment:CENTER;
|
|
-fx-font-family: "System";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
}
|
|
.icon-Print{
|
|
-fx-background-color: #404040;
|
|
-fx-background-radius: 5;
|
|
-fx-background-image: url("../icon/icon-print.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 32 32;
|
|
-fx-background-position: center center;
|
|
|
|
}
|
|
|
|
.btn-icon-search{
|
|
-fx-background-color: transparent;
|
|
-fx-background-image: url("../icon/search.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 20 22;
|
|
-fx-background-position: 5 9;
|
|
-fx-alignment:CENTER_RIGHT;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: #000000;
|
|
-fx-font-weight:bold;
|
|
-fx-border-radius: 5 5 5 5;
|
|
}
|
|
.btn-icon-search:hover{
|
|
-fx-background-color:#EFEFEF;
|
|
-fx-border-color: #959595;
|
|
-fx-border-radius: 5 5 5 5;
|
|
|
|
}
|
|
|
|
|
|
.btn-icon-Print{
|
|
-fx-background-color: #404040;
|
|
-fx-background-radius: 5;
|
|
-fx-background-image: url("../icon/icon-print.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 20 22;
|
|
-fx-background-position: 5 5;
|
|
-fx-alignment:CENTER_RIGHT;
|
|
-fx-font-family: "System";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
}
|
|
.icon-Print:hover{
|
|
-fx-background-color: #2E2E2E;
|
|
}
|
|
|
|
.icon-PDF{
|
|
-fx-background-color: #f20606;
|
|
-fx-background-radius: 5;
|
|
-fx-background-image: url("../icon/icon-pdf.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 32 37;
|
|
-fx-background-position: center center;
|
|
}
|
|
.btn-icon-PDF{
|
|
-fx-background-color: #f20606;
|
|
-fx-background-radius: 5;
|
|
-fx-background-image: url("../icon/icon-pdf.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 17 22;
|
|
-fx-background-position: 5 5;
|
|
-fx-alignment:CENTER_RIGHT;
|
|
-fx-font-family: "System";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
}
|
|
|
|
.icon-PDF:hover{
|
|
-fx-background-color: #cd0505;
|
|
}
|
|
|
|
.icon-Excel{
|
|
-fx-background-color: #4DAE4D;
|
|
-fx-background-radius: 5;
|
|
-fx-background-image: url("../icon/icon-excel.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 32 37;
|
|
-fx-background-position: center center;
|
|
|
|
}
|
|
.icon-Excel:hover{
|
|
-fx-background-color: #3c873c;
|
|
}
|
|
|
|
.btn-icon-Excel{
|
|
-fx-background-color: #4DAE4D;
|
|
-fx-background-radius: 5;
|
|
-fx-background-image: url("../icon/icon-excel.png");
|
|
-fx-background-repeat: stretch;
|
|
-fx-background-size: 17 22;
|
|
-fx-background-position: 5 5;
|
|
-fx-background-color: #4DAE4D;
|
|
-fx-font-family: "System";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
}
|
|
|
|
.btn-icon-primary{
|
|
-fx-background-color:#337ab7;
|
|
}
|
|
|
|
.btn-icon-primary:hover{
|
|
-fx-background-color:#286090;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Panel title *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.panel-default{
|
|
-fx-border-color:#E5E5E5;
|
|
-fx-border-radius: 5px 5px 0px 0px;
|
|
|
|
}
|
|
.panel-default-titre{
|
|
-fx-background-color: #F5F5F5;
|
|
-fx-background-radius: 5px 5px 0px 0px;
|
|
}
|
|
|
|
.panel-bleu{
|
|
-fx-border-color:#428BCA;
|
|
-fx-border-radius: 5px 5px 0px 0px;
|
|
-fx-background-color: #e0e0e0;
|
|
|
|
}
|
|
.panel-bleu-titre{
|
|
-fx-background-color: #428BCA;
|
|
-fx-background-radius: 5px 5px 0px 0px;
|
|
}
|
|
|
|
|
|
.panel-success{
|
|
-fx-border-color:#4DAE4D;
|
|
-fx-border-radius: 5px 5px 0px 0px;
|
|
-fx-background-color: #e0e0e0;
|
|
}
|
|
.panel-success-titre{
|
|
-fx-background-color: #4DAE4D;
|
|
-fx-background-radius: 5px 5px 0px 0px;
|
|
}
|
|
|
|
|
|
.panel-balck{
|
|
-fx-border-color:#000000;
|
|
-fx-border-radius: 5px 5px 0px 0px;
|
|
-fx-background-color: #e0e0e0;
|
|
}
|
|
.panel-balck-titre{
|
|
-fx-background-color: #000000;
|
|
-fx-background-radius: 5px 5px 0px 0px;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Liste de selection *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.liste-select{
|
|
-fx-background-color:#ffffff;
|
|
-fx-border-color: #cccccc;
|
|
-fx-border-width: 1px;
|
|
-fx-border-radius: 3px;
|
|
}
|
|
|
|
.liste-select:hover{
|
|
-fx-background-color:#E6E6E6;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* PopupMenu *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.context-menu {
|
|
-fx-background-color: white;
|
|
-fx-background-insets: 0, 1, 2;
|
|
-fx-background-radius: 0 0 0 0, 0 0 0 0, 0 0 0 0;
|
|
-fx-padding: 0.333333em 0em 0.333333em 0em; /* 4 1 4 1 */
|
|
-fx-border-color: #EFEFEF;
|
|
/* TODO: the border color below is not being respected - it appears as gray instead of black. After this gets fixed remove the comments so that
|
|
the border will become black.
|
|
*/
|
|
/* -fx-border-color: #212121;
|
|
-fx-border-style: solid;*/
|
|
}
|
|
|
|
.context-menu .separator .line{
|
|
-fx-padding: 0.0em 0.333333em 0.0em 0.333333em; /*0 4 0 4 */
|
|
-fx-border-style: solid;
|
|
-fx-background-color: #c2c2c2;
|
|
-fx-border-width: 0.5px;
|
|
}
|
|
|
|
/* TODO: try to scope the menu-item style to the contextmenu */
|
|
.menu-item {
|
|
-fx-background-color: transparent;
|
|
-fx-padding: 0.666666em 0.999999em 0.4999995em 0.999999em; /*6 12 6 12 */
|
|
|
|
}
|
|
|
|
.menu-item .label {
|
|
-fx-padding: 0em 0.5em 0em 0em;
|
|
-fx-text-fill: #212121;
|
|
-fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
|
|
-fx-font-size: 9pt;
|
|
|
|
}
|
|
|
|
|
|
.menu-item:focused {
|
|
-fx-background: -fx-accent;
|
|
-fx-background-color: #dedede;
|
|
}
|
|
|
|
.menu-item:pressed{
|
|
-fx-background-color: #212121;
|
|
-fx-text-fill: white;
|
|
}
|
|
|
|
.menu-item:pressed .label{
|
|
-fx-text-fill: white;
|
|
}
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* TextField *
|
|
* *
|
|
******************************************************************************/
|
|
.text-field:focused{
|
|
-fx-effect: dropshadow(three-pass-box, #66afe9, 10, 0, 0, 0);
|
|
-fx-border-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Button * *
|
|
* *
|
|
******************************************************************************/
|
|
.btn-success{
|
|
-fx-background-color: #4DAE4D;
|
|
-fx-font-family: "System";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
}
|
|
.btn-success:hover{
|
|
-fx-background-color:#3c873c;
|
|
-fx-font-family: "System";
|
|
-fx-font-size: 10pt;
|
|
-fx-font-weight:bold;
|
|
}
|
|
.btn-simple{
|
|
-fx-background-color:#FFFFFF;
|
|
-fx-border-color: #CCCCCC;
|
|
-fx-border-radius: 5 5 5 5;
|
|
-fx-font-weight:bold;
|
|
-fx-text-fill: #000000;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 9pt;
|
|
}
|
|
|
|
.btn-simple:hover{
|
|
-fx-background-color:#E6E6E6;
|
|
-fx-border-color: #ADADAD;
|
|
}
|
|
.btn-danger{
|
|
-fx-background-color: #f20606;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
|
|
}
|
|
.btn-danger:hover{
|
|
-fx-background-color:#cd0505;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 10pt;
|
|
-fx-font-weight:bold;
|
|
}
|
|
|
|
.btn-default{
|
|
-fx-background-color:#EFEFEF;
|
|
-fx-border-color: #959595;
|
|
-fx-border-radius: 5 5 5 5;
|
|
}
|
|
.btn-default:hover{
|
|
-fx-background-color:#E6E6E6;
|
|
}
|
|
|
|
.btn-primary{
|
|
-fx-background-color:#337ab7;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
|
|
}
|
|
|
|
.btn-primary:hover{
|
|
-fx-background-color:#286090;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 10pt;
|
|
-fx-font-weight:bold;
|
|
}
|
|
|
|
.btn-black{
|
|
-fx-background-color:#373737;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 10pt;
|
|
-fx-text-fill: white;
|
|
-fx-font-weight:bold;
|
|
|
|
}
|
|
.btn-black:hover{
|
|
-fx-background-color:#2c2c2c;
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 10pt;
|
|
-fx-font-weight:bold;
|
|
|
|
}
|
|
/*******************************************************************************
|
|
* *
|
|
* Alert AnchorPane * *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.AnchorPane-Alert{
|
|
-fx-background-color: rgba(0,0,0,0.6);
|
|
|
|
}
|
|
.Panel-Alert{
|
|
-fx-background-color:#ffffff;
|
|
-fx-border-color: #212121;
|
|
-fx-border-radius: 10 10 0 0;
|
|
-fx-background-radius: 10 10 0 0;
|
|
|
|
}
|
|
.RectangleTitre-Alert{
|
|
-fx-background-color:linear-gradient(to bottom, #585858, #333333);
|
|
-fx-background-radius: 10 10 0 0;
|
|
}
|
|
|
|
.RectangleProble-Alert{
|
|
-fx-background-color:linear-gradient(to bottom, #E2E2E2, #EDEDED);
|
|
-fx-border-color: #B4B4B4;
|
|
}
|
|
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* TableView * *
|
|
* *
|
|
******************************************************************************/
|
|
.table-view:focused {
|
|
-fx-background-color: transparent ;
|
|
|
|
}
|
|
|
|
.table-view .column-header .label {
|
|
-fx-font-family: "Verdana";
|
|
-fx-text-fill: black;
|
|
-fx-font-size: 9pt;
|
|
-fx-alignment: center-left;
|
|
|
|
}
|
|
.table-view .column-header.Center .label {
|
|
-fx-font-family: "Verdana";
|
|
-fx-text-fill: black;
|
|
-fx-font-size: 9pt;
|
|
-fx-alignment: CENTER;
|
|
|
|
}
|
|
.table-view .table-row-cell {
|
|
-fx-font-family: "Arial";
|
|
-fx-font-size: 11pt;
|
|
-fx-text-alignment: center ;
|
|
}
|
|
.table-column {
|
|
-fx-alignment: CENTER_LEFT ;
|
|
}
|
|
|
|
.table-row-cell:selected{
|
|
-fx-background-color:#90b7d8 ;
|
|
}
|
|
|
|
.table-view .column-header, .table-view .filler {
|
|
-fx-background-color:#ffffff;
|
|
}
|
|
|
|
.table-view .column-header, .table-view .filler {
|
|
-fx-border-color: transparent transparent transparent transparent;
|
|
-fx-border-insets: 0 0 0 0;
|
|
-fx-border-width: 2px;
|
|
|
|
}
|
|
|
|
.cerclenextlast:hover{
|
|
-fx-stroke: #3eb472;
|
|
-fx-stroke-width: 2;
|
|
}
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* TablePane * *
|
|
* *
|
|
******************************************************************************/
|
|
.Table-Pane {
|
|
-fx-border-color: #DDDDDD;
|
|
}
|
|
.Table-Pane .tab-header-area .tab-header-background{
|
|
-fx-background-color:#F5F5F5;
|
|
-fx-border-insets: -1 -1 0 -1;
|
|
-fx-border-color: #DDDDDD;
|
|
}
|
|
.Table-Pane:top .tab-header-area .headers-region .tab:top:selected .tab-container .focus-indicator{
|
|
-fx-border-color: transparent;
|
|
}
|
|
|
|
.Table-Pane:top .tab-header-area .headers-region .tab:top .tab-container .tab-label .text{
|
|
-fx-fill: #ffffff;
|
|
}
|
|
.Table-Pane:top .tab-header-area .headers-region .tab:selected:top .tab-container .tab-label .text{
|
|
-fx-fill: #000000;
|
|
}
|
|
.tab{
|
|
-fx-background-color: #4cae4c;
|
|
-fx-padding: 8px;
|
|
-fx-background-radius: 0;
|
|
-fx-font-weight:bold;
|
|
}
|
|
|
|
.tab:selected{
|
|
-fx-background-color: #ffffff;
|
|
-fx-border-color: #4cae4c;
|
|
-fx-border-insets: 0 -2 -2 -2;
|
|
-fx-border-width: 2;
|
|
-fx-translate-y: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* SplitPane *
|
|
* *
|
|
******************************************************************************/
|
|
.split-pane:vertical .split-pane-divider{
|
|
visibility: false ;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Progress Bar *
|
|
* *
|
|
******************************************************************************/
|
|
.progress-bar:determinate .bar{
|
|
-fx-background-color: #5fc65f;
|
|
}
|
|
|
|
.progress-bar:indeterminate .pb-track{
|
|
-fx-background-color: #ffffff;
|
|
}
|
|
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Chart *
|
|
* *
|
|
******************************************************************************/
|
|
.chart-plot-background {
|
|
-fx-background-color: transparent;
|
|
}
|
|
.chart-vertical-grid-lines {
|
|
-fx-stroke: transparent;
|
|
}
|
|
.chart-horizontal-grid-lines {
|
|
-fx-stroke: transparent;
|
|
}
|
|
.chart-alternative-row-fill {
|
|
-fx-fill: transparent;
|
|
-fx-stroke: transparent;
|
|
-fx-stroke-width: 0;
|
|
}
|
|
|
|
.default-color0.chart-series-line { -fx-stroke: #e9967a; }
|
|
.default-color1.chart-series-line { -fx-stroke: #f0e68c; }
|
|
.default-color2.chart-series-line { -fx-stroke: #dda0dd; } |