FlexGanttFX Developer Manual : dateline.css

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

.dateline {
	-fx-background-color: transparent;
}

.dateline-content {
}

.dateline-cell {
	-fx-padding: 2 6 2 6;
	-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.083333em 0.083333em 0, 0.083333em 0.083333em 0.083333em;    
}

.dateline-cell:hover {
	-fx-background-color: rgba(255.0,255.0,255.0,1.0)  ;
    -fx-effect: innershadow( three-pass-box , rgba(0.0,0.0,0.0,0.6) , 5.0, 0.0 , 0.0 , 1.0 );
}

.dateline-cell:pressed {
	-fx-background-color: rgba(255.0,255.0,255.0,0.8)  ;
}

.dateline-cell > .text {
    -fx-alignment: center;
}

.dateline-cell > .text:hover {
}

.dateline-cell-simpel > .text {
	-fx-alignment: baseline-left;
}


.dateline-cell-selected {
	-fx-border-color: transparent transparent transparent -fx-box-border, red transparent transparent transparent;
	-fx-border-width: 1.0, 3.0;
	-fx-border-insets: 0, 0.0 0.0 0.0 1.0;
}

.calendar-info {
 	-fx-background-size: 8;
	-fx-background-image: url("calendar.png");
	-fx-background-position: right top;
	-fx-background-repeat: no-repeat;
}

.dateline-cell-last {
    -fx-border-width: 0.083333em 0 0.083333em 0.083333em, 0.083333em 0 0.083333em 0;
}

.dateline-cell-first {
    -fx-border-width: 0.083333em 0.083333em 0.083333em 0, 0.083333em 0 0.083333em 0;
}

.scale {
	-fx-background-color: transparent;	

	/* 
	 * Scale height property is currently not supported. Timeline height and
	 * tree table header height is now hard-wird and based on font size.
	 */

	/* -fx-scale-height: 26.0; */
	-fx-cell-padding: 5;
}

.scale-top,
.scale-middle {
}
.scale-bottom {
}
.scale-only {
}

.centuries {}
.days {}
.decades {}
.half_days {}
.hours {}
.months {}
.micros {}
.millenia {}
.millis {}
.minutes {}
.nanos {}
.seconds {}
.weeks {}
.years {}

.scale-bottom > .saturday, .scale-bottom > .sunday {
	-fx-background-color: rgba(0,0,0,0.1) ;
}

.scale-bottom > .saturday:hover, .scale-bottom > .sunday:hover {
	-fx-background-color: rgba(0,0,0,0.1) ;
}

.january {}
.february {}
.march {}
.april {}
.may {}
.june {}
.july {}
.august {}
.september {}
.october {}
.november {}
.december {}

.am {
}

.pm {
	-fx-background-color: rgba(255.0,255.0,255.0,0.2);		
}

.zone-id-label {
	-fx-background-color: 
        linear-gradient(#ffd65b, #e68400),
        linear-gradient(#ffef84, #f2ba44),
        linear-gradient(#ffea6a, #efaa22),
        linear-gradient(#ffe657 0.0%, #f8c202 50.0%, #eea10b 100.0%),
        linear-gradient(from 0.0% 0.0% to 15.0% 50.0%, rgba(255.0,255.0,255.0,0.9), rgba(255.0,255.0,255.0,0.0));
    -fx-background-radius: 0.0 0.0 0.0 0.0;
    -fx-background-insets: 0.0,1.0,2.0,3.0,0.0;
    -fx-text-fill: #654b00;
    -fx-font-weight: bold;
    -fx-padding: 6.0 10.0 6.0 10.0;
    -fx-effect: dropshadow(gaussian, rgba(0.0,0.0,0.0,0.5), 3.0, 0.5, 1.0, 1.0) ;
}