<?php

	header("Content-Type: text/css");
	
	$hue		= mt_rand(0,359);
	$color		= "hsl($hue,50%,40%)";
	$color_link	= "hsl($hue,50%,60%)";
	$color_sel_bg	= "hsla($hue,50%,40%,0.5)";
	$color_sel_text	= "hsl($hue,50%,70%)";
	
	$timestamp	= time() + 120*60;				// GMT+1, daylight saving time
	$time		= date("G:i",time());				// current time, in HH:MM format (no addition needed for some reason?)
	$seconds_passed	= $timestamp % 86400;				// seconds passed today
	$day_percentage	= 100 * $seconds_passed / 86400;		// seconds passed today / total seconds in a day
	$t_minutes_left	= round( (86400 - $seconds_passed) / 60 );	// (minutes) total seconds in a day - seconds passed today
	
	$hours_left	= floor($t_minutes_left / 60);
	$minutes_left	= $t_minutes_left % 60;
	
	$hours_plural	= ($hours_left == 1) ? "" : "s";
	$minutes_plural	= ($minutes_left == 1) ? "" : "s";
	
	
?>

/* CSS file for WYE's layout */

#wye_container {
	position: relative;
	height: auto !important;
	min-height: 130px;
	margin: 0;
	padding: 50px 40px 130px;
	background: rgba(0,0,0,0.7);
	font: 13px/150% 'Arial',sans-serif;
	color; white;
}

#wye_container::selection {
	background: <?php echo $color_sel_bg; ?>;
	color: <?php echo $color_sel_text; ?>;
}
	
#wye_container::-moz-selection {
	background: <?php echo $color_sel_bg; ?>;
	color: <?php echo $color_sel_text; ?>;
}

#wye_container *::selection {
	background: <?php echo $color_sel_bg; ?>);
	color: <?php echo $color_sel_text; ?>;
}
	
#wye_container *::-moz-selection {
	background: <?php echo $color_sel_bg; ?>;
	color: <?php echo $color_sel_text; ?>;
}
	
#wye_container a:link, #wye_container a:visited, #wye_container a:hover, #wye_container a:active {
	color: <?php echo $color_link; ?>;
}
	
#wye_container .ribbon {
	position: absolute;
	left: 0;
	width: 100%;
	height: 25px;
	margin: 0;
	border: 0;
	padding: 0;
	background: <?php echo $color; ?>;
}

#wye_container .top {
	top: 0;
	border-bottom: 5px double black;
}
	
#wye_container .bottom {
	bottom: 0;
	border-top: 5px double black;
}

#wye_container > #sig_container {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: center;
}
	
#wye_container > #sig_container > div {
	width: 60%;
	margin: 0 auto;
	border-top: 1px solid <?php echo $color; ?>;
	padding: 10px 0;
	color: <?php echo $color; ?>;
}

#wye_container .quote > .box {
	border: 1px solid <?php echo $color; ?>;
	padding: 4px;
}

#wye_container .code > .boxhead {
	color: <?php echo $color; ?>;
}

#wye_container .code > .box {
	font-family: 'Courier New', monospace;
	border: 1px solid <?php echo $color; ?>;
	color: <?php echo $color; ?>;
	padding: 4px;
}
	
#wye_container div[style="display: inline-block; background-color: #000000 !important; color: #000000 !important;"] {
	margin: 2px;
	border: 1px dashed white;
	padding: 2px;
}

#wye_container div.progress {
	position: relative;
	margin: 5px auto;
	width: 400px;
	height: 18px;
	border: 1px solid <?php echo $color; ?>;
	padding: 0;
}

#wye_container div.progress div {
	position: absolute;
	top: 0; left: 0;
	margin: 0;
	width: <?php echo $day_percentage; ?>%;
	height: 100%;
	border: 0;
	background-color: <?php echo $color_sel_bg; ?>;
}

#wye_container div.progress span {
	position: absolute;
	top: 0; left: 20%;
}


#wye_container div.progress span:before {
	content: "<?php echo "$time - " . (($hours_left) ? "$hours_left hour$hours_plural" : "") . (($minutes_left) ? ", $minutes_left minute$minutes_plural" : "") . " until tomorrow"; ?>";
}