wulfx.1.9.6.source-code.tiwulfx.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of tiwulfx Show documentation
Show all versions of tiwulfx Show documentation
TiwulFX provides JavaFX custom components specially designed to work with java POJO object.
/*
Document : tiwulfx
Created on : Sep 23, 2012, 9:49:47 PM
Author : amrullah
Description:
Purpose of the stylesheet follows.
*/
#hiddenSplitter {
-fx-background-color: null;
/*-fx-padding: 10px;*/
}
#hiddenSplitter *.split-pane-divider,
#hiddenSplitter *.vertical-grabber,
#hiddenSplitter *.horizontal-grabber {
-fx-background-color: null;
-fx-border-color: null;
-fx-padding: 5px;
}
.propLabel{
-fx-text-fill: #888888;
-fx-font: 0.9em "Arial";
}
.valueLabel {
-fx-font-size: 11px;
/*-fx-font-weight: bold;*/
-fx-text-fill: #333333;
}
.table-view .column-header{
-fx-font: 1em "Arial";
}
.table-view:focused {
/*remove focus glow*/
-fx-background-insets: 0, 0, 1, 2;
}
.table-row-cell:changed {
-fx-background-color: red, yellow;
-fx-background-insets: -1 0 0 0, 0 0 1 0;
}
.table-row-cell:empty {
-fx-background-color: null;
}
.table-row-cell:empty .table-cell {
-fx-border-width: 0px;
}
.table-cell:invalid {
-fx-background-color: #eed3d7, #f2dede;
-fx-background-insets: 0 1 1 0, 1 2 2 1;
}
.row-browser-text-cell {
-fx-fill: -fx-text-inner-color;
}
.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled > .table-cell:selected .row-browser-text-cell {
-fx-fill: white;
}
.table-view:focused > .virtual-flow > .clipped-container > .sheet > .table-row-cell:filled > .table-cell:hover:selected .row-browser-text-cell {
-fx-fill: -fx-text-inner-color;
}
.searchMenuItemLabel {
-fx-font-family: "Helvetica";
-fx-font-weight: bold;
-fx-text-fill: #333333;
-fx-effect: dropshadow( one-pass-box , white , 0, 0.0 , 0 , 1 );
}
.table-toolbar {
-fx-background-insets: 0, 1 1 0 1;
-fx-padding: 0 3 0 0;
-fx-spacing: 0;
}
.table-footer {
-fx-background: derive(-fx-base,-30%);
-fx-background-color:
linear-gradient(to bottom, derive(-fx-base,-30%), derive(-fx-base,-60%)),
linear-gradient(to bottom, derive(-fx-base,65%) 2%, derive(-fx-base,-20%) 95%);
-fx-background-insets: 0, 0 1 1 1;
-fx-background-radius: 0, 0 ;
-fx-padding: 0.416667em 0.833em 0.416667em 0.833em;
-fx-spacing: 0.333em;
-fx-padding: 4 10 2 10;
-fx-border-color: -fx-box-border;
-fx-border-insets: -1 0 0 0;
}
.table-footer .label {
-fx-font: 0.9em "Arial";
-fx-text-fill: #333333;
}
.table-menu {
-fx-background-color: transparent;
-fx-background-radius: 10;
-fx-padding: 2 2 0 2;
-fx-alignment: center;
-fx-content-display: center;
-fx-text-alignment: center;
}
.table-menu:hover {
-fx-background-color: derive(-fx-background, -25%), derive(-fx-background, 25%);
}
.table-menu:focused {
-fx-background-color: -fx-focus-color, -fx-background;
}
.table-menu .arrow-button {
-fx-padding:0;
}
.table-menu .label {
-fx-padding:-2 0 0 0;
}
.table-menu .arrow {
-fx-shape: null;
-fx-padding:0;
}
.scroll-pane {
-fx-background-color: null;
}
.label-separator .line {
-fx-border-color: derive(-fx-background, -25%) -fx-background derive(-fx-background, 40%) -fx-background;
}
.label-separator .label {
-fx-background-color:
#090a0c,
linear-gradient(#38424b 0%, #1f2429 20%, #191d22 100%),
linear-gradient(#20262b, #191d22),
radial-gradient(center 50% 0%, radius 100%, rgba(114,131,148,0.9), rgba(255,255,255,0));
-fx-background-radius: 5,4,3,5;
-fx-background-insets: 0,1,2,0;
-fx-text-fill: white;
-fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 5, 0.0 , 0 , 1 );
-fx-font-family: "Arial";
-fx-text-fill: linear-gradient(white, #d0d0d0);
-fx-font-size: 12px;
-fx-padding: 2 10;
}
/* ============ TOGGLE BUTTON =============================================== */
.pill-button {
-fx-padding: 4 6 5 6;
}
.pill-button:disabled {
-fx-opacity: 1.0;
-fx-text-fill: #888888;
}
.pill-button-left {
-fx-background-radius: 11 0 0 11;
}
.pill-button-center {
-fx-background-radius: 0;
-fx-background-insets: 0 0 -1 0, 0, 1 1 1 0, 2 2 2 0;
}
.pill-button-right {
-fx-background-radius: 0 11 11 0;
-fx-background-insets: 0 0 -1 0, 0, 1 1 1 0, 2 2 2 0;
}
.flat-button {
-fx-background-color: null;
-fx-background-radius: 0;
-fx-background-insets: 0 1 0 1;
-fx-padding: 3 5;
-fx-border-color: transparent #6e737d transparent rgba(255,255,255,0.3) , transparent rgba(255,255,255,0.3) transparent transparent;
-fx-border-insets: 0;
}
.flat-button:hover {
-fx-background-color: rgba(255,255,255,0.4);
-fx-background-insets: 2 1 0 1;
}
.flat-button:focused {
-fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
-fx-border-color: -fx-focus-color;
-fx-border-width: 1.4;
}
.flat-button:armed {
-fx-color: -fx-pressed-base;
}
.combo-page:disabled {
-fx-opacity: 1.0;
}
.combo-page {
-fx-background-radius: 0;
-fx-border-width: 0 1 0 0;
-fx-border-color: -fx-outer-border;
-fx-background-insets: 0 0 -1 0, 0, 1 0 1 0, 2 0 2 0;
-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
/*-fx-border-insets: 5 0;*/
-fx-padding: 3 2;
-fx-font: 0.9em "Arial";
}
.combo-page > .text-field{
-fx-border-color: -fx-outer-border;
-fx-border-width: 1 0 1 1;
-fx-padding:1;
}
.combo-page > .arrow-button {
-fx-border-color: -fx-outer-border;
-fx-background-radius: 0;
-fx-padding: 4;
}
.combo-page:focused {
-fx-background-color:
rgba(23,134,248,0.2),
-fx-focus-color,
-fx-inner-border,
-fx-body-color;
/*-fx-border-color: transparent;*/
}
.search-menu-item {
-fx-background-color:
linear-gradient(#f2f2f2, #d6d6d6),
linear-gradient(#fcfcfc 0%, #d9d9d9 20%, #d6d6d6 100%),
linear-gradient(#dddddd 0%, #f6f6f6 50%);
-fx-background-radius: 8,7,6;
-fx-background-insets: 0,1,2;
-fx-text-fill: black;
-fx-font-size: 0.9em;
-fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 5, 0.0 , 0 , 1 );
-fx-padding: 5;
}
.menu-item:focused .searchMenuItem .check-box {
-fx-text-fill: #333333;
}
.lookup-field {
-fx-skin: "com.panemu.tiwulfx.control.skin.LookupFieldSkin";
-fx-background-color: transparent;
}
.lookup-field:focused {
-fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
-fx-background-insets: -0.4, 1, 2;
-fx-background-radius: 3.4, 2, 2;
-fx-prompt-text-fill: transparent;
}
.lookup-field .button {
-fx-background-color: derive(-fx-color, -25.4%), -fx-inner-border, -fx-body-color;
-fx-background-insets: 1, 2, 3;
-fx-background-radius: 0 3 3 0 , 0 2 2 0, 0 2 2 0;
-fx-padding: 1 3 1 3;
}
.date-field {
-fx-skin: "com.panemu.tiwulfx.control.skin.DateFieldSkin";
-fx-background-color: transparent;
}
.date-field .button {
-fx-background-color: derive(-fx-color, -25.4%), -fx-inner-border, -fx-body-color;
-fx-background-insets: 1, 2, 3;
-fx-background-radius: 0 3 3 0 , 0 2 2 0, 0 2 2 0;
-fx-padding: 1 3 1 3;
}
.date-field:focused {
-fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
-fx-background-insets: -0.4, 1, 2;
-fx-background-radius: 3.4, 2, 2;
-fx-prompt-text-fill: transparent;
}
.form-control {
/* -fx-border-color : red;
-fx-border-width: 2px;
-fx-padding: 2;*/
}
.dialog-root {
-fx-border-insets: 0 10 10 0;
-fx-border-width: 1;
-fx-border-radius: 5 5 0 0;
-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.2), 11, 0.0, 3, 3);
-fx-border-color: #a3a3a3;
}
.dialog .header {
-fx-background-radius: 5 5 0 0;
-fx-background-insets: -1 -1 0 -1;
-fx-background-color: linear-gradient(#595959, #474747 37%, #343434);
-fx-padding: 5 68 5 68;
-fx-alignment: center;
}
.dialog .title {
-fx-text-fill: #ebebeb;
-fx-font-weight: bold;
}
.dialog .button-panel {
-fx-padding: 10;
-fx-spacing: 10;
-fx-background-color: linear-gradient(#e2e2e2,#e2e2e2,#eeeeee);
-fx-alignment: center;
}
.dialog .message-panel {
-fx-padding: 50 10;
-fx-background-color: white;
-fx-alignment: center;
}
.error-popup {
-fx-padding : 4 5 ;
-fx-background-color: #bd362f;
-fx-background-insets: 0;
-fx-background-radius: 0 0 4 4;
-fx-border-width: 2;
}
.error-popup .label {
-fx-font-size: 11px;
-fx-text-fill: #ffffff;
}
/* The main calendar pane */
.calendar {
}
/* The calendar header, which contains the navigation elements. */
.calendar-header
{
-fx-background-color: linear-gradient(to bottom, derive(-fx-base,-70%), derive(-fx-base,-90%));
-fx-padding: 0.5em;
/* -fx-background-radius: 10;*/
}
/* The calendar footer, which contains the today button. It is only visible when the today button is shown */
.calendar-footer
{
-fx-background-color: linear-gradient(to top, derive(-fx-base,-70%), derive(-fx-base,-90%));
-fx-padding: 0.2em;
}
/* The 3 different panes, which show the month, the year, and the decades */
.calendar-month-view, .calendar-year-view, .calendar-decades-view
{
-fx-background-color: linear-gradient(to bottom, derive(-fx-base,80%), derive(-fx-base,40%));
-fx-padding: 0;
}
/* The usual button which either display the day of the current month, or the month in the year view, or the year in the decades view */
.calendar-cell-current-month, .calendar-year-button, .calendar-month-button {
-fx-background-color: null;
-fx-background-radius: 0;
-fx-background-insets: 0, 0, 0, 0;
-fx-cursor: hand;
-fx-padding: 0.7em;
-fx-font-weight: bold;
-fx-background-radius: 8;
}
/* The hover state of the buttons */
.calendar-cell-current-month:hover, .calendar-year-button:hover, .calendar-month-button:hover {
-fx-background-color: -fx-cell-hover-color;
}
/* The day buttons for the previous and next month. */
.calendar-cell-other-month {
-fx-background-color: null;
-fx-background-radius: 0;
-fx-background-insets: 0, 0, 0, 0;
-fx-opacity: 0.7;
-fx-cursor: hand;
-fx-padding: 0.7em;
-fx-background-radius: 8;
}
/* The hover state of this button. */
.calendar-cell-other-month:hover {
-fx-background-color: -fx-cell-hover-color;
}
/* The button which shows the current day. */
.calendar-cell-today {
-fx-background-color: -fx-accent;
}
/* The buttons in the header and the footer */
.calendar-navigation-button, .calendar-navigation-title, .calendar-today-button {
-fx-background-color: null;
-fx-cursor: hand;
-fx-text-fill: white;
}
/* don't make the title button transparent, when it is disabled in the decades view */
.calendar-navigation-title:disabled {
-fx-opacity: 1;
}
/* The arrow for navigation. SVG is used for it. */
.calendar-navigation-arrow {
/*padding determines the size of the arrow; This should match the design size in the SVG */
-fx-padding: 4 3.5 4 3.5;
-fx-padding: 0.333333em 0.333333em 0.333333em 0.333333em; /* 2 3.5 2 3.5 */
-fx-shape: "M 100 100 L 300 100 L 200 300 z";
-fx-background-color: #ffffff;
}
/* The cell which contain the week day names */
.calendar-weekdays {
-fx-background-color: -fx-body-color;
-fx-padding: 3px;
}
.calendar-week-number {
-fx-font-size: 0.8em;
-fx-padding: 4px;
}
.type-ahead-field {
-fx-skin: "com.panemu.tiwulfx.control.skin.TypeAheadFieldSkin";
-fx-background-color: transparent;
}
.type-ahead-field .arrow {
-fx-background-insets: 1 0 -1 0, 0;
-fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
-fx-padding: 0.166667em 0.333333em 0.166667em 0.333333em; /* 2 4 2 4 */
-fx-shape: "M 0 0 h 7 l -3.5 4 z";
}
.type-ahead-field .button {
-fx-background-color: derive(-fx-color, -25.4%), -fx-inner-border, -fx-body-color;
-fx-background-insets: 1, 2, 3;
-fx-background-radius: 0 3 3 0 , 0 2 2 0, 0 2 2 0;
-fx-padding:0 5;
}
/*SIDE MENU*/
.side-menu-container {
-fx-background-image: url("images/CoarseGrid.png");
-fx-background-repeat: repeat;
-fx-background-color:
linear-gradient(#38424b 0%, #1f2429 20%, #191d22 100%),
linear-gradient(#20262b, #191d22),
radial-gradient(center 50% 0%, radius 100%, rgba(114,131,148,0.9), rgba(255,255,255,0));
}
.side-menu-container .titled-pane > .title {
-fx-background-color: transparent;
-fx-border-color:
rgb(0, 0, 0, 0.5) transparent transparent transparent,
rgb(255, 255, 255, 0.2) transparent transparent transparent;
-fx-border-width: 1, 1.5;
-fx-border-insets: 0, 1;
-fx-padding: 0 0 0 -13;
}
.side-menu-container .first-menu > .title{
-fx-border-color: transparent, transparent;
}
.side-menu-container .titled-pane {
-fx-font-family: "Arial";
-fx-font-size: 14;
-fx-text-fill: rgb(255, 255, 255, 0.8);
-fx-effect: dropshadow( one-pass-box , rgb(0, 0, 0, 0.6), 0, 0.0 , 0 , 1 );
}
.side-menu-button {
-fx-background-color: transparent;
-fx-font-family: "Arial";
-fx-font-size: 14;
-fx-text-fill: rgb(255, 255, 255, 0.8);
-fx-effect: dropshadow( one-pass-box , rgb(0, 0, 0, 0.6), 0, 0.0 , 0 , 1 );
}
.side-menu-button:hover {
-fx-background-color: rgb(255, 255, 255, 0.2);
}
.side-menu-container .titled-pane > *.content {
-fx-background-color: transparent;
/*linear-gradient(to bottom, derive(whitesmoke,-02%), derive(whitesmoke,65%) 12%, derive(whitesmoke,23%) 88%, derive(whitesmoke,50%) 99%, -fx-box-border);*/
/* -fx-background-insets: 0, 0 1 1 1;
-fx-padding: 0.167em;*/
}
#side-menu-popup {
-fx-padding: -30 -6 -8 2;
-fx-border-image-source: url("images/main-popup.png");
-fx-border-image-slice: 34 20 12 12 fill;
-fx-border-image-width: 34 20 12 12;
-fx-border-image-repeat: stretch;
}
#side-menu-popup-header {
-fx-text-fill: white;
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy