FlexGanttFX Developer Manual : eventline.css

/*
 * eventline.css file of FlexGanttFX
 * 
 * Copyright 2014 Dirk Lemmermann Software & Consulting
 */

 /*
  * The eventline uses the same style as the dateline cells. This style
  * is based on the default modena style of the table column headers.
  */
 .eventline {
	-fx-background-color: transparent;
	-fx-border-color: 
        derive(-fx-base, 80%) 
        linear-gradient(to bottom, derive(-fx-base,80%) 20%, derive(-fx-base,-10%) 90%)
        derive(-fx-base, 10%) 
        linear-gradient(to bottom, derive(-fx-base,80%) 20%, derive(-fx-base,-10%) 90%),
        /* Outer border: */
        transparent -fx-box-border -fx-box-border transparent;
    -fx-border-insets: 0 1 1 0, 0 0 0 0;
    -fx-border-width: 0.083333em 0 0.083333em 0, 0.083333em 0 0.083333em 0;
	-fx-pref-height: 20px;
}

/*
 * The style used for the label that displays the time at the current
 * mouse cursor location.
 */
.time-cursor {
	-fx-font-size: 0.8em;
	-fx-text-fill: white;
	-fx-background-color: olivedrab;
	-fx-background-insets: 1 0 1 0;
	-fx-background-radius: 8;
	-fx-border-color: derive(olivedrab, -20%);
	-fx-border-radius: 8px;
	-fx-padding: 0 8 0 4;
}

/*
 * The style used for the two labels that display the start and end time
 * of the currently edited activity.
 */
.marked-time {
	-fx-font-size: 0.8em;
	-fx-text-fill: white;
	-fx-background-color: cornflowerblue;
	-fx-background-insets: 1 0 1 0;
	-fx-background-radius: 8;
	-fx-border-color: derive(cornflowerblue, -20%);
	-fx-border-radius: 8;
	-fx-padding: 0 8 0 8;
}

/*
 * Additional style to modify the appearance of the start time only.
 */
.marked-time-start {
}

/*
 * Additional style to modify the appearance of the end time only.
 */
.marked-time-end {
}