app/soc/content/css/ui.datetimepicker.css
author Sverre Rabbelier <srabbelier@gmail.com>
Sun, 15 Feb 2009 22:29:22 +0000
changeset 1360 f62c462037b6
parent 839 3e50c012a4a8
child 1451 ef134d062b83
permissions -rwxr-xr-x
Added grouping support to all forms, converted role as example Any field that has the 'group' property set be placed in the specified group. If no such proprty is set, the 'General' group will be used instead. Patch by: Sverre Rabbelier

/* Main Dark Style Sheet for jQuery UI Datepicker */
 #datetimepicker_div,  .datetimepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #222;
	width: 185px;
}
 #datetimepicker_div {
	display: none;
	border: 1px solid #07F;
	z-index: 10;
}
 .datetimepicker_inline {
	float: left;
	display: block;
	border: 0;
}
 .datetimepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #222 !important;
}
 button.datetimepicker_trigger {
	width: 25px;
}
 img.datetimepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
 .datetimepicker_prompt {
	float: left;
	padding: 2px;
	background: #222;
	color: snow;
}
*html  .datetimepicker_prompt {
	width: 185px;
}
 .datetimepicker_control,  .datetimepicker_links,  .datetimepicker_header,  .datetimepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #111;
}
 .datetimepicker_control {
	background: #469;
	padding: 2px 0px;
}
 .datetimepicker_links {
	background: #347;
	padding: 2px 0px;
}
 .datetimepicker_control,  .datetimepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
 .datetimepicker_links label {
	padding: 2px 5px;
	color: #888;
}
 .datetimepicker_clear,  .datetimepicker_prev {
	float: left;
	width: 34%;
}
 .datetimepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
 .datetimepicker_close,  .datetimepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
 .datetimepicker_header {
	padding: 1px 0 3px;
	background: #944;
	text-align: center;
	font-weight: bold;
	height: 3em;
}
 .datetimepicker_header select {
	background: #944;
	color: snow;
	border: 0px;
	font-weight: bold;
}
 .datetimepicker {
	background: #333;
	text-align: center;
	font-size: 100%;
}
 .datetimepicker a {
	display: block;
	width: 100%;
}
 .datetimepicker .datetimepicker_titleRow {
	background: #733;
	color: snow;
}
 .datetimepicker .datetimepicker_daysRow {
	background: #111;
	color: #AAA;
}
 .datetimepicker_weekCol {
	background: #733;
	color: #FFF;
}
 .datetimepicker .datetimepicker_daysCell {
	color: snow;
	border: 1px solid #222;
}
 #datetimepicker .datetimepicker_daysCell a {
	display: block;
}
 .datetimepicker .datetimepicker_weekEndCell {
	background: #444;
}
 .datetimepicker .datetimepicker_daysCellOver {
	background: #111;
	border: 1px solid #999;
}
 .datetimepicker .datetimepicker_unselectable {
	color: #888;
}
 .datetimepicker_today {
	background: #944 !important;
}
 .datetimepicker_currentDay {
	background: #733 !important;
}
 #datetimepicker_div a,  .datetimepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: snow;
}
 .datetimepicker_inline .datetimepicker_links a {
	padding: 0 5px !important;
}
 .datetimepicker_control a,  .datetimepicker_links a {
	padding: 2px 5px !important;
	color: snow !important;
}
 .datetimepicker_titleRow a {
	color: snow !important;
}
 .datetimepicker_control a: hover {
	color: #ccc !important;
}
 .datetimepicker_links a: hover,  .datetimepicker_titleRow a: hover {
	background: #111 !important;
	color: #CCC !important;
}
 .datetimepicker_multi .datetimepicker {
	border: 1px solid #944;
}
 .datetimepicker_oneMonth {
	float: left;
	width: 185px;
}
 .datetimepicker_newRow {
	clear: left;
}
 .datetimepicker_cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}