<?

/* Style parameters : Change it */
$WIDTH = '195px';
$FONT_FAMILY = 'Verdana, arial';
$FG_COLOR_YEAR =  'white';
$FG_COLOR_MONTH = 'rgb(50, 100, 150)';
$FG_COLOR_DAY =   'white';
$FG_COLOR_POST =  'white';
$BG_COLOR_EVEN_YEAR  = 'rgb(97, 101, 111)';
$BG_COLOR_ODD_YEAR   = 'rgb(67,70,77)';
$BG_COLOR_EVEN_MONTH = 'rgb(167,159,125)';
$BG_COLOR_ODD_MONTH  = 'rgb(239, 228, 179)';
$BG_COLOR_EVEN_DAY   = 'rgb(102,140,179)';
$BG_COLOR_ODD_DAY    = 'rgb(51,102,143)';
$BG_COLOR_EVEN_POST  = 'rgb(204,217,230)';
$BG_COLOR_ODD_POST   = 'rgb(153,179,204)';

header("Content-Type: text/css");

echo 
<<<EOF
/* This is the  Timeline plugin for Wordpress */
/* Author : Raphael Jolivet                   */
/* Web    : www.lalala.fr                     */

/* -------- */
/* Timeline */
/* -------- */

.timeline-div {
    width : $WIDTH;
    overflow : scroll;
    overflow : -moz-scrollbars-horizontal;
    overflow-x : scroll;
    overflow-y : hidden;
}

.timeline a img {
    border : 0px;    
}

.tl-displayed img {
    /* border-bottom : 2px solid black !important; */   
}

table.timeline {
    font-size       : xx-small;
    font-family     : $FONT_FAMILY;
    border-collapse : collapse;
    border : none;
    margin : 0px;
} 

table.timeline a {
    text-decoration : none; 
}

table.timeline td {
    padding : 1px;
    text-align : center;
    white-space:nowrap;
}

.tl-year a {
    color: $FG_COLOR_YEAR;
}

.tl-month a{
    color: $FG_COLOR_MONTH;
}

.tl-day a{
    color: $FG_COLOR_DAY;
}

.tl-post a{
    color: $FG_COLOR_POST;
}

.tl-year-even {
    background-color : $BG_COLOR_EVEN_YEAR;
}

.tl-year-odd {
    background-color : $BG_COLOR_ODD_YEAR;
}

.tl-month-even {
    background-color : $BG_COLOR_EVEN_MONTH;
}

.tl-month-odd {
    background-color : $BG_COLOR_ODD_MONTH;   
}

.tl-day-even {
    background-color : $BG_COLOR_EVEN_DAY;
}

.tl-day-odd {
    background-color : $BG_COLOR_ODD_DAY;    
}

.tl-posts-even {
    background-color : $BG_COLOR_EVEN_POST;
}

.tl-posts-odd {
    background-color : $BG_COLOR_ODD_POST;    
}

#tooltip {
    font-family: verdana, sans-serif;
    font-size:10pt;
    font-weight: bold;
    font-color: #333;
    background-color:#FDFFCA;
    padding:5px;
    border:1px solid #AFAA6E;
    z-index:100;
}

EOF;