org.controlsfx.control.spreadsheet.spreadsheet.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of controlsfx Show documentation
High quality UI controls and other tools to complement the core JavaFX distribution
There is a newer version: 11.2.1
.cell-spreadsheet .table-row-cell {
    -fx-background-color: transparent;
}

/* NORMAL CELL */
.spreadsheet-cell:filled:selected,
.spreadsheet-cell:filled:focused:selected,
.spreadsheet-cell:filled:focused:selected:hover {
    -fx-background-color: #8cb1ff;
    -fx-border-color: #a9a9a9;
    -fx-border-width : 0.5px;
    -fx-text-fill: -fx-selection-bar-text;

}
.spreadsheet-cell:hover,
.spreadsheet-cell:filled:focused {
    -fx-background-color: #988490;
    -fx-text-fill: -fx-text-inner-color;
    -fx-background-insets: 0, 0 0 1 0;
}

.spreadsheet-cell{
    -fx-padding: 0 0 0 0.2em;
    -fx-border-color: black;
    -fx-border-width : 0.3px;
    -fx-background-color: -fx-table-cell-border-color,white;
}

.tooltip {
    -fx-background-radius: 0px;
    -fx-background-color:
        linear-gradient(#cec340, #a59c31),
        linear-gradient(#fefefc, #e6dd71),
        linear-gradient(#fef592, #e5d848);
    -fx-background-insets: 0,1,2;
    -fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 8, 0.0 , 0 , 0 );
    -fx-text-fill:black;
}

/* FIXED HEADERS  */
VerticalHeader > Label.fixed{
    -fx-background-color: -fx-box-border, lightgray;
    -fx-font-style : italic;
}

HorizontalHeaderColumn > TableColumnHeader.column-header.table-column.fixed{
    -fx-background-color: -fx-box-border, lightgray;
    -fx-font-style : italic;
}

/* HORIZONTAL AND VERTICAL HEADER SELECTION */
VerticalHeader > Label ,
HorizontalHeaderColumn > TableColumnHeader.column-header.table-column{
    -fx-background-color: -fx-box-border, #F3F3F3;
    -fx-background-insets: 0, 0 1 1 0, 1 2 2 1;
    -fx-font-weight: bold;
    -fx-size: 2em;
    -fx-text-fill: -fx-selection-bar-text;
    -fx-alignment: center;
    -fx-font-style : normal;
}  

VerticalHeader > Label.selected{
    -fx-background-color: #8FB1E8;
    -fx-text-fill :white;
}

HorizontalHeaderColumn > TableColumnHeader.column-header.table-column.selected,
HorizontalHeaderColumn > TableColumnHeader.column-header.table-column.selected > Label
{
    -fx-background-color:#8FB1E8;
     -fx-text-fill :white;
}  

/* HORIZONTAL HEADER VISIBILITY */
.column-header-background.invisible { visibility: hidden; -fx-padding: -1em; }
.column-header-background,
.table-view .filler{
    -fx-background-color:transparent;
}
.cell-corner{
    -fx-background-color: red;
}

.cell-corner.top-left{
    -fx-shape : "M 0 0 L 1 0 L 0 1 z";
}

.cell-corner.top-right{
    -fx-shape : "M 0 0 L -1 0 L 0 1 z";
}

.cell-corner.bottom-right{
    -fx-shape : "M 0 0 L -1 0 L 0 -1 z";
}

.cell-corner.bottom-left{
    -fx-shape : "M 0 0 L 1 0 L 0 -1 z";
}

.indicationLabel{
    -fx-font-style : italic;
}

/* PICKERS */
.picker-label{
    -fx-graphic: url("picker.png"); 
    -fx-background-color: white;
    -fx-padding: 0 0 0 0;
    -fx-alignment: center;
}

.picker-label:hover{
    /*-fx-effect:dropshadow(gaussian, black, 10, 0.1, 0, 0);*/
    -fx-cursor:hand;
}

/* We don't want to show the white background both for TextField
and textArea. We want it to be transparent just like Excel.

Also we need to shift to the left the editor a bit*/
CellView > .text-input.text-field{
    -fx-padding : 0 0 0 -0.2em;
    -fx-background-color: transparent;
}
CellView > .text-input.text-area,
CellView > TextArea .scroll-pane > .viewport{
    -fx-background-color: transparent;
}

/* I shift by 3px, it's not clean but it works for normal row (24px) as it 
centers the textArea.*/
CellView > TextArea .scroll-pane{
    -fx-padding : 3px 0 0 -0.15em;
}

CellView > TextArea .scroll-pane > .viewport .content{
    -fx-padding : 0 0 0 0;
    -fx-background-color: transparent;
}
/* The scrollBars must always have the same size because we may have
really big font in the editor (48px) and the scrollBars become obese otherwise.*/
CellView >TextArea .scroll-bar:vertical ,
CellView >TextArea .scroll-bar:horizontal {
    -fx-font-size : 1em;
}

.selection-rectangle{
    -fx-fill : transparent;
    -fx-stroke : black;
    -fx-stroke-width : 2;
}

.spreadsheet-cell .filter-menu-button{
    -fx-background-color: transparent;
    -fx-padding: 0 0 0 6;
}
.spreadsheet-cell .filter-menu-button > .label{
    -fx-background-color: transparent;
    -fx-padding: 0 0 0 0;
}

.spreadsheet-cell .filter-menu-button:hover{
    -fx-cursor:hand;
}