app/soc/content/css/ui.datetimepicker.css
author Pawel Solyga <Pawel.Solyga@gmail.com>
Tue, 20 Jan 2009 22:01:02 +0000
changeset 852 c94bf642be8d
parent 839 3e50c012a4a8
child 1451 ef134d062b83
permissions -rwxr-xr-x
Replace css class 'notice' that is used in User profile template field help text with new 'fieldhelptext' class. Notice is part of CSS for notification bar and we want width limit just for field help text not for notification bar text. Patch by: Pawel Solyga Review by: to-be-reviewed

/* 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;
}