123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 |
- /* Main Style Sheet for jQuery Calendar */
- #calendar_div, .calendar_inline {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 14px;
- padding: 0;
- margin: 0;
- background: #ddd;
- }
- #calendar_div {
- display: none;
- border: 1px solid #FF9900;
- z-index: 10; /*must have*/
- }
- #calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
- width: 185px;
- }
- .calendar_inline {
- float: left;
- display: block;
- border: 0;
- }
- .calendar_dialog {
- padding: 5px !important;
- border: 4px ridge #ddd !important;
- }
- button.calendar_trigger {
- width: 25px;
- }
- img.calendar_trigger {
- margin: 2px;
- vertical-align: middle;
- }
- .calendar_prompt {
- float: left;
- width: 181px;
- padding: 2px;
- background: #ddd;
- color: #000;
- }
- * html .calendar_prompt {
- width: 185px;
- }
- .calendar_control, .calendar_links, .calendar_header, .calendar {
- clear: both;
- float: left;
- color: #fff;
- }
- .calendar_control {
- background: #FF9900;
- }
- .calendar_links {
- background: #E0F4D7;
- }
- .calendar_control, .calendar_links {
- font-weight: bold;
- font-size: 80%;
- letter-spacing: 1px;
- }
- .calendar_links label { /* disabled links */
- padding: 2px 5px;
- color: #888;
- }
- .calendar_clear, .calendar_prev {
- float: left;
- }
- .calendar_current {
- float: left;
- width: 35%;
- text-align: center;
- }
- .calendar_close, .calendar_next {
- float: right;
- }
- .calendar_header {
- background: #83C948;
- text-align: center;
- font-weight: bold;
- }
- .calendar_header select {
- background: #83C948;
- color: #000;
- border: 0px;
- font-weight: bold;
- }
- .calendar {
- background: #ccc;
- text-align: center;
- font-size: 100%;
- }
- .calendar a {
- display: block;
- width: 100%;
- }
- .calendar .calendar_titleRow {
- background: #B1DB87;
- color: #000 !important;
- }
- .calendar .calendar_daysRow {
- background: #FFF;
- color: #666;
- }
- .calendar .calendar_daysCell {
- color: #000;
- border: 1px solid #ddd;
- }
- #calendar .calendar_daysCell a{
- display: block;
- }
- .calendar .calendar_weekEndCell {
- background: #E0F4D7;
- }
- .calendar .calendar_daysCellOver {
- background: #fff;
- border: 1px solid #777;
- }
- .calendar .calendar_unselectable {
- color: #888;
- }
- .calendar_today {
- background: #ccc !important;
- }
- .calendar_currentDay {
- background: #999 !important;
- }
- /* ________ CALENDAR LINKS _______
- ** Reset link properties and then override them with !important */
- #calendar_div a, .calendar_inline a {
- cursor: pointer;
- margin: 0;
- padding: 0;
- background: none;
- color: #000;
- }
- .calendar_inline .calendar_links a {
- padding: 0 5px !important;
- }
- .calendar_control a, .calendar_links a {
- padding: 2px 5px !important;
- color: #000 !important;
- }
- .calendar_titleRow a {
- color: #000 !important;
- }
- .calendar_control a:hover {
- /*background: #fdd !important;*/
- color: #333 !important;
- }
- .calendar_links a:hover, .calendar_titleRow a:hover {
- background: #FFF !important;
- color: #333 !important;
- }
- /* ___________ IE6 IFRAME FIX ________ */
- .calendar_cover {
- display: none; /*sorry for IE5*/
- display/**/: block; /*sorry for IE5*/
- position: absolute; /*must have*/
- z-index: -1; /*must have*/
- filter: mask(); /*must have*/
- top: -4px; /*must have*/
- left: -4px; /*must have*/
- width: 193px; /*must have to match width and borders*/
- height: 200px; /*must have to match maximum height*/
- }
|