white.calendar.css in Date 5.2
/* Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #fff;
color: #000;
}
/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0;
margin: 0;
background-color: #fff;
}
#calendar_div {
display: none;
border: 1px solid #999;
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-color: #ddd;
color: #000;
}
* html .calendar_prompt {
width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
clear: both;
float: left;
color: #000;
}
.calendar_control, .calendar_header {
background-color: #eee;
}
.calendar_links {
background-color: #fff;
}
.calendar_control, .calendar_links {
font-size: 80%;
letter-spacing: 1px;
background-color: #eee;
}
#calendar_div .calendar_control a,
#calendar_div .calendar_links a,
#calendar_div .calendar_header a {
background-color: #eee;
}
.calendar_links label { /* disabled links */
padding: 2px 5px;
color: #666;
}
.calendar_clear, .calendar_prev {
float: left;
width: 35px;
}
.calendar_current {
float: left;
width: 80px;
text-align: center;
}
.calendar_close, .calendar_next {
float: right;
width: 35px;
}
.calendar_header {
background-color: #ddd;
text-align: center;
}
.calendar_header select {
background-color: #ddd;
color: #000;
border: 0px;
}
.calendar {
background-color: #fff;
text-align: center;
font-size: 100%;
}
.calendar a {
display: block;
width: 100%;
}
.calendar .calendar_titleRow {
background-color: #eee;
}
.calendar .calendar_daysRow {
background-color: #fff;
color: #666;
}
.calendar .calendar_daysCell {
color: #000;
border: 1px solid #fff;
}
#calendar .calendar_daysCell a{
display: block;
}
.calendar .calendar_weekEndCell {
background-color: #fff;
}
.calendar .calendar_daysCellOver {
background-color: #fff;
border: 1px solid #777;
}
.calendar .calendar_unselectable {
color: #333;
}
.calendar_today {
background-color: #eee !important;
}
.calendar_currentDay {
background-color: #ddd !important;
}
/* ________ CALENDAR LINKS _______*/
.calendar_inline .calendar_links a {
padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
padding: 2px 5px !important;
color: #333 !important;
}
.calendar_titleRow a {
color: #333 !important;
}
.calendar_control a:hover {
background-color: #eee !important;
color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
background-color: #eee !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: 185px; /*must have to match width and borders*/
height: 200px; /*must have to match maximum height*/
}
/* Fixes for date popup css so it will behave in Drupal */
#calendar_div, #calendar_div td, #calendar_div th {
margin:0;
padding:0;
}
#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
width: 185px;
border-collapse: separate;
margin: 0;
}
.calendar td {
padding: 0;
}
File
date_popup/themes/white.calendar.css
View source
- /* Reset link properties and then override them with !important */
- #calendar_div a, .calendar_inline a {
- cursor: pointer;
- margin: 0;
- padding: 0;
- background-color: #fff;
- color: #000;
- }
-
- /* Main Style Sheet for jQuery Calendar */
- #calendar_div, .calendar_inline {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 14px;
- padding: 0;
- margin: 0;
- background-color: #fff;
- }
- #calendar_div {
- display: none;
- border: 1px solid #999;
- 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-color: #ddd;
- color: #000;
- }
- * html .calendar_prompt {
- width: 185px;
- }
- .calendar_control, .calendar_links, .calendar_header, .calendar {
- clear: both;
- float: left;
- color: #000;
- }
- .calendar_control, .calendar_header {
- background-color: #eee;
- }
- .calendar_links {
- background-color: #fff;
- }
- .calendar_control, .calendar_links {
- font-size: 80%;
- letter-spacing: 1px;
- background-color: #eee;
- }
- #calendar_div .calendar_control a,
- #calendar_div .calendar_links a,
- #calendar_div .calendar_header a {
- background-color: #eee;
- }
- .calendar_links label { /* disabled links */
- padding: 2px 5px;
- color: #666;
- }
- .calendar_clear, .calendar_prev {
- float: left;
- width: 35px;
- }
- .calendar_current {
- float: left;
- width: 80px;
- text-align: center;
- }
- .calendar_close, .calendar_next {
- float: right;
- width: 35px;
- }
- .calendar_header {
- background-color: #ddd;
- text-align: center;
- }
- .calendar_header select {
- background-color: #ddd;
- color: #000;
- border: 0px;
- }
- .calendar {
- background-color: #fff;
- text-align: center;
- font-size: 100%;
- }
- .calendar a {
- display: block;
- width: 100%;
- }
- .calendar .calendar_titleRow {
- background-color: #eee;
- }
- .calendar .calendar_daysRow {
- background-color: #fff;
- color: #666;
- }
- .calendar .calendar_daysCell {
- color: #000;
- border: 1px solid #fff;
- }
- #calendar .calendar_daysCell a{
- display: block;
- }
- .calendar .calendar_weekEndCell {
- background-color: #fff;
- }
- .calendar .calendar_daysCellOver {
- background-color: #fff;
- border: 1px solid #777;
- }
- .calendar .calendar_unselectable {
- color: #333;
- }
- .calendar_today {
- background-color: #eee !important;
- }
- .calendar_currentDay {
- background-color: #ddd !important;
- }
-
- /* ________ CALENDAR LINKS _______*/
-
-
- .calendar_inline .calendar_links a {
- padding: 0 5px !important;
- }
- .calendar_control a, .calendar_links a {
- padding: 2px 5px !important;
- color: #333 !important;
- }
- .calendar_titleRow a {
- color: #333 !important;
- }
- .calendar_control a:hover {
- background-color: #eee !important;
- color: #333 !important;
- }
- .calendar_links a:hover, .calendar_titleRow a:hover {
- background-color: #eee !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: 185px; /*must have to match width and borders*/
- height: 200px; /*must have to match maximum height*/
- }
-
- /* Fixes for date popup css so it will behave in Drupal */
- #calendar_div, #calendar_div td, #calendar_div th {
- margin:0;
- padding:0;
- }
- #calendar_div,
- .calendar_control,
- .calendar_links,
- .calendar_header,
- .calendar {
- width: 185px;
- border-collapse: separate;
- margin: 0;
- }
- .calendar td {
- padding: 0;
- }