www.gusucode.com > 支持提示功能的Js日期选择器代码源码程序 > 支持提示功能的Js日期选择器代码/calendar/calendar/calendar.css
#calendarTopContainer tr td{ vertical-align: top; } #popCalendarContainer{ opacity: 0.88; filter: alpha(opacity=88); } #calendarContainer{ font: normal 12px arial, helvetica, sans-serif; border: #1D99C9 1px solid; width: 210px; display: block; } /* top */ #calendarTopContainer{ width: 210px; height: 36px; background-color: #33B1E1; overflow: hidden; } #calendarTodayView{ font: bold 32px arial, helvetica, sans-serif; color: #FFF; width: 60px; height: 36px; text-align: center; cursor: pointer; } #calendarDateView{ width: 100px; height: 36px; } #calendarWeekView, #calendarYearMonthContainer{ font: normal 12px arial, helvetica, sans-serif; height: 18px; overflow: hidden; color: #FFF; } #calendarWeekView{ width: 100px; height: 14px; padding-top: 4px; text-indent: 3px; *height: 18px; *padding-top: 5px; } #linkQuickYear, #linkQuickMonth{ padding: 0 3px; height: 18px; line-height: 18px; text-decoration: none; color: #FFF; } #linkQuickYear:hover, #linkQuickMonth:hover{ color: #FFFF80; } #calendarYearMonthContainer select{ font: normal 12px arial, helvetica, sans-serif; color: #FFF; border: #33B1E1 1px solid; display: none; background-color: #33B1E1; } /* Modeify By http://www.srcfans.com */ #calendarCloseContainer, calendarQuickContainer{ height: 18px; } #calendarCloseContainer{ width: 47px; height: 12px; margin-top: 3px; } #calendarClose{ font: bold 14px arial, helvetica, sans-serif; width: 12px; height: 12px; line-height: 10px; color: #FFF; background: #1D9BCB; border: #7DDAFB 1px solid; text-align: center; float: right; display: block; text-decoration: none; *padding: 0 2px 2px 2px; } #calendarClose:hover{ color: #7DDAFB; } #calendarQuickContainer{ height: 10px; margin-top: 4px; float: right; } #toPrevMonth, #toNextMonth, #backToday{ font: bold 14px arial, helvetica, sans-serif; float: left; width: 8px; height: 10px; line-height: 10px; font-size: 14px; color: #FFF; overflow: hidden; display: block; _display: inline; } #backToday{ height: 8px; margin: 3px 8px 0 8px; background: #fff; } #toPrevMonth:hover, #toNextMonth:hover{ color: #D9E4F2; } #backToday:hover{ background-color: #D9E4F2; } /* Main */ #calendarMainContainer{ width: 210px; background-color: #FFF; } #calendarWeeksContainer{ height: 20px; background-color: #D9E4F2; border-bottom: #1D99C9 1px solid; border-top: #1D99C9 1px solid; } #calendarWeeksContainer span{ width: 30px; height: 20px; color: #003366; text-align: center; display: inline-block; padding-top: 3px; } #calendarDaysContainer tr td{ width: 30px; height: 20px; text-align: center; cursor: text; font: normal 12px arial, helvetica, sans-serif; overflow: hidden; } #calendarDaysContainer tr td span{ cursor: default; display: block; _text-align: center; } #calendarTipsContainer{ position: absolute; display: none; overflow: hidden; width: 198px; padding: 3px 6px; line-height: 18px; font: normal 12px arial, helvetica, sans-serif; background-color: #f7f7f7; color: #666; border: #1D99C9 1px solid; border-top-style: none; *width: 212px; } /* current day, has tip days style */ .calendarCurrentDay{ font-weight: bold; border: #cb0000 1px solid; background-color: #FF0000; color: #FFF; } .calendarTipDay{ border: #999 1px solid; background-color: #FFFFDD; color: #666; } .calendarOldTipDay{ border: #ccc 1px solid; background-color: #f7f7f7; color: #888; }