dojox/calendar/tests/calendar.css

Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.

.claro .dojoxCalendar  {
	font-size: 0.9em;
}

.claro .dojoxCalendarEvent.Calendar2 .bg.bg {
	background: #2095B4;
}

.claro .dojoxCalendarEvent.Calendar2.Hovered .bg.bg {
	background: #24A5C8;
}

.claro .dojoxCalendarEvent.Calendar2.Selected .bg.bg {
	background: #166B81;
}

.claro .dojoxCalendarEvent.Edited.Invalid .bg.bg {
	background: #FFF;
}


.claro .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2 .startTime {
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  background-color: #00768F;
  white-space: nowrap;
  padding: 1px 2px 2px 1px;
  border-top: 1px solid #260000;
  border-left: 1px solid #260000;
  border-right: 1px solid #260000;
}
.claro .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Focused .startTime {
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  background-color: #6c0000;
  white-space: nowrap;
  padding: 1px 2px 2px 1px;
  border-top: dashed 1px #ffffff;
  border-left: dashed 1px #ffffff;
  border-right: dashed 1px #ffffff;
}
.claro .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Hovered .startTime {
  background-color: #0094B4;
}
.claro .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Selected .startTime {
  background-color: #005A6D;
}
.claro .dojoxCalendarColumnView .dojoxCalendarEvent.Calendar2.Edited .startTime {
  background-color: #0095b4;
  border-top: dashed 1px #ffffff;
  border-left: dashed 1px #ffffff;
  border-right: dashed 1px #ffffff;
}
.claro .deleteButton .dijitButtonNode{
	background-color: #F88;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#dateChooser{
	position:absolute; 
	left:10px; 
	right:10px; 
	top:10px; 
}

label{
	vertical-align: middle;
}

.propertyTitle {
	font-weight: bold;
	font-size:0.9em;
}