/*
 * timeline.css
 * Description: CSS for the SIMILE Timline Frontend. Define your custom content bubbles here.
 * Plugin URI: http://www.freshlabs.de/journal/archives/2006/10/wordpress-plugin-simile-timeline/
 * Author: Tim Isenheim
 * 
	===========================================================================
	SIMILE Timeline for WordPress
	Copyright (C) 2006 Tim Isenheim
	
	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.
	
	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.
	
	You should have received a copy of the GNU General Public License
	along with this program.  If not, see <http://www.gnu.org/licenses/>.
	===========================================================================
*/

.stl-timeline{
	width: 100%;
	height: 550px;
	border: 1px solid #aaa;
}


/*
 * Example of how to use class names defined for hotzones and highlight decorators.
 * These rules can be used to override color settings defined in the backend

.dynamic-theme .timeline-highlight-label-start .label_t-highlight1 { color: #f00; }
.dynamic-theme .timeline-highlight-label-end .label_t-highlight1 { color: #aaf; }
*/
.dynamic-theme .timeline-band-events .important { color: #c00; }
.dynamic-theme .timeline-band-events .small-important { background: #c00; }

.dynamic-theme .timeline-highlight-point-decorator{ width: 10px;}

/*
 * Overrides color for duration events
.dynamic-theme .timeline-event-tape,
.dynamic-theme .timeline-small-event-tape { background: #f60; }
*/
.dynamic-theme .timeline-ether-weekends { background: #cc0000; }

/* Style for event icon (e.g. grey-circle.png or images) */
div.timeline-event-icon {
	line-height: 0;
}

div.timeline-event-icon img{
	max-width: 100%;
}

/* Prevent event labels from wrapping */
.timeline-event-label{
      white-space: nowrap;
}

div.timeline-event-icon-default {
	border: none;
	padding: 0px;
}

/* Styling for popup bubble content */
.simileAjax-bubble-contentContainer{
	text-align: left;
}


/* Sample Theme from http://www.simile-widgets.org/timeline/
================================================================*/
/*
.dark-theme { color: #eee; }
.dark-theme .timeline-band-0 .timeline-ether-bg { background-color: #333 }
.dark-theme .timeline-band-1 .timeline-ether-bg { background-color: #111 }
.dark-theme .timeline-band-2 .timeline-ether-bg { background-color: #222 }
.dark-theme .timeline-band-3 .timeline-ether-bg { background-color: #444 }

.dark-theme .t-highlight1 { background-color: #003; }
.dark-theme .p-highlight1 { background-color: #300; }

.dark-theme .timeline-highlight-label-start .label_t-highlight1 { color: #f00; }
.dark-theme .timeline-highlight-label-end .label_t-highlight1 { color: #115; }

.dark-theme .timeline-band-events .important { color: #c00; }
.dark-theme .timeline-band-events .small-important { background: #c00; }

.dark-theme .timeline-date-label-em { color: #fff; }
.dark-theme .timeline-ether-lines { border-color: #555; border-style: solid; }
.dark-theme .timeline-ether-highlight { background: #555; }

.dark-theme .timeline-event-tape,
.dark-theme .timeline-small-event-tape { background: #f60; }
.dark-theme .timeline-ether-weekends { background: #111; }
*/

/* Dynamic theme used by the plugin (attributes set in options panel)
=====================================================================*/

.dynamic-theme { color: #eee; }
.dynamic-theme .timeline-band-0 .timeline-ether-bg { background-color: #eee; }
.dynamic-theme .timeline-band-0 .timeline-ether-highlight { background-color: #aaa; }
.dynamic-theme .timeline-band-0 .timeline-date-label-em { color: #aaa;  }
.dynamic-theme .timeline-band-0 .timeline-date-label { color: #aaa; border-color: #aaa;  }
.dynamic-theme .timeline-band-0 .timeline-event-label { color: #aaa; }
.dynamic-theme .timeline-band-0 .timeline-ether-lines { border-color: #aaa; border-style: solid; }
.dynamic-theme .timeline-band-0 .timeline-highlight-label-start{ color: #444; }
.dynamic-theme .timeline-band-0 .timeline-highlight-label-end{ color: #444; }
.dynamic-theme .timeline-band-1 .timeline-ether-bg { background-color: #ddd; }
.dynamic-theme .timeline-band-1 .timeline-ether-highlight { background-color: #aaa; }
.dynamic-theme .timeline-band-1 .timeline-date-label-em { color: #aaa;  }
.dynamic-theme .timeline-band-1 .timeline-date-label { color: #aaa; border-color: #aaa;  }
.dynamic-theme .timeline-band-1 .timeline-event-label { color: #aaa; }
.dynamic-theme .timeline-band-1 .timeline-ether-lines { border-color: #aaa; border-style: solid; }
.dynamic-theme .timeline-band-1 .timeline-highlight-label-start{ color: #444; }
.dynamic-theme .timeline-band-1 .timeline-highlight-label-end{ color: #444; }