app/soc/content/css/ui.datetimepicker.css
author Sverre Rabbelier <srabbelier@gmail.com>
Tue, 17 Feb 2009 16:36:49 +0000
changeset 1371 2d97dbbb4d99
parent 839 3e50c012a4a8
child 1451 ef134d062b83
permissions -rwxr-xr-x
Implemented simple group sorted using numerical ordering See role.py for some example usages. Note that the reason ToS does not appear seperately is due to the fact that it is defined as a regular field which does not take the group field from the one defined in the model. 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;
}