405 lines
7.9 KiB
CSS
405 lines
7.9 KiB
CSS
/**
|
|
* calendar calendar table styles
|
|
*/
|
|
.calendar-calendar tr.odd, .calendar-calendar tr.even {
|
|
background-color: #fff;
|
|
}
|
|
.calendar-calendar table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 100%; /* Setting at 100% causes problem in Internet Explorer. */
|
|
clear: both;
|
|
}
|
|
.calendar-calendar .month-view table {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
|
|
/**
|
|
* IE needs a little help to get the side by side tables to the right size
|
|
*/
|
|
.calendar-calendar .year-view td {
|
|
width: 32%;
|
|
padding: 1px;
|
|
border: none;
|
|
}
|
|
|
|
.calendar-calendar .year-view td table td {
|
|
width: 13%;
|
|
padding: 0;
|
|
}
|
|
|
|
.calendar-calendar tr {
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: white;
|
|
}
|
|
.calendar-calendar th {
|
|
color: #fff;
|
|
background-color: #ccc;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
.calendar-calendar th a {
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background-color: #ccc;
|
|
}
|
|
.calendar-calendar td {
|
|
width: 12%; /* 14% is about 1/7 of total table width */
|
|
min-width: 12%;
|
|
border: 1px solid #ccc;
|
|
color: #777;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/**
|
|
* simplify the mini calendar by removing borders
|
|
*/
|
|
.calendar-calendar .mini {
|
|
border: none;
|
|
}
|
|
|
|
/**
|
|
* format for the week number in the first cell
|
|
*/
|
|
.calendar-calendar td.week {
|
|
width: 1%;
|
|
min-width: 1%;
|
|
}
|
|
.calendar-calendar .week {
|
|
clear: both;
|
|
font-style: normal;
|
|
color: #555;
|
|
font-size: 0.8em;
|
|
}
|
|
.calendar-calendar .week a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/**
|
|
* IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack
|
|
*/
|
|
.calendar-calendar .inner {
|
|
min-height: 5em;
|
|
height: auto !important;
|
|
height: 5em;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.calendar-calendar .inner div {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
/**
|
|
* Make sure paragraphs buried in calendar cells use padding, not margins, for separation so the background color doesn't come through.
|
|
*/
|
|
.calendar-calendar .inner p {
|
|
padding: 0 0 .8em 0;
|
|
margin: 0;
|
|
}
|
|
.calendar-calendar td a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
.calendar-calendar td a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.calendar-calendar td.year,
|
|
.calendar-calendar td.month {
|
|
text-align: center;
|
|
}
|
|
|
|
/**
|
|
* format days of the week header cells
|
|
*/
|
|
.calendar-calendar th.days {
|
|
color: #ccc;
|
|
background-color: #224;
|
|
text-align: center;
|
|
padding: 1px;
|
|
margin: 0;
|
|
}
|
|
|
|
/**
|
|
* floating day number div
|
|
*/
|
|
.calendar-calendar div.day {
|
|
float: right;
|
|
text-align: center;
|
|
padding: 0.125em 0.25em 0 0.25em;
|
|
margin: 0;
|
|
background-color: #f3f3f3;
|
|
border: 1px solid gray;
|
|
border-width: 0 0 1px 1px;
|
|
clear:both;
|
|
width:1.5em;
|
|
}
|
|
|
|
/**
|
|
* individual node container
|
|
*/
|
|
.calendar-calendar div.calendar {
|
|
background-color: #fff;
|
|
border: solid 1px #ddd;
|
|
text-align: left;
|
|
margin:0 .25em .25em 0;
|
|
width: 96%;
|
|
float: right; /* needed to keep IE from hiding the floating day number */
|
|
clear: both;
|
|
}
|
|
/**
|
|
* No floating of day view content because there is no floating day number
|
|
*/
|
|
.calendar-calendar .day-view div.calendar {
|
|
float: none;
|
|
width: 98%;
|
|
margin: 1% 1% 0 1%;
|
|
}
|
|
|
|
.calendar-calendar div.title {
|
|
font-size: .8em;
|
|
text-align: center;
|
|
}
|
|
|
|
.calendar-calendar div.title a {
|
|
color: #000;
|
|
}
|
|
.calendar-calendar div.title a:hover {
|
|
color: #c00;
|
|
}
|
|
.calendar-calendar .content {
|
|
clear: both;
|
|
padding: 3px;
|
|
padding-left: 5px;
|
|
}
|
|
.calendar div.form-item {
|
|
white-space: normal;
|
|
}
|
|
|
|
table td.mini,
|
|
table th.mini,
|
|
table.mini td.week {
|
|
padding: 0 1px 0 0;
|
|
margin: 0;
|
|
}
|
|
table td.mini a {
|
|
font-weight: normal;
|
|
}
|
|
.calendar-calendar .mini-day-off {
|
|
padding: 0px;
|
|
}
|
|
.calendar-calendar .mini-day-on {
|
|
padding: 0px;
|
|
}
|
|
table .mini-day-on a {
|
|
text-decoration: underline;
|
|
}
|
|
.calendar-calendar .mini .title {
|
|
font-size: .8em;
|
|
}
|
|
.mini .calendar-calendar .week {
|
|
font-size: .7em;
|
|
}
|
|
.mini-row {
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
.mini{
|
|
width: 32%;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/**
|
|
* formatting for the legend stripe and block
|
|
*/
|
|
.calendar-calendar .stripe {
|
|
height: 5px;
|
|
width: auto;
|
|
font-size: 1px !important;
|
|
line-height: 1px !important;
|
|
}
|
|
.calendar-calendar .day-view .stripe {
|
|
width: 100%;
|
|
}
|
|
table.calendar-legend {
|
|
background-color: #ccc;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
table.calendar-legend tr.odd .stripe,
|
|
table.calendar-legend tr.even .stripe {
|
|
height: 12px !important;
|
|
font-size: 9px !important;
|
|
line-height: 10px !important;
|
|
}
|
|
.calendar-legend td {
|
|
text-align: left;
|
|
}
|
|
|
|
.calendar-empty {
|
|
font-size: 1px;
|
|
line-height: 1px;
|
|
}
|
|
|
|
/**
|
|
* formatting for the full day view
|
|
*/
|
|
.calendar-calendar td.calendar-agenda-hour {
|
|
font-family: serif;
|
|
text-align: right;
|
|
border: none;
|
|
border-top: 1px #333 dotted;
|
|
padding-top: .25em;
|
|
width: 1%;
|
|
}
|
|
.calendar-calendar td.calendar-agenda-no-hours {
|
|
min-width: 1%;
|
|
}
|
|
.calendar-calendar td.calendar-agenda-hour .calendar-hour {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.calendar-calendar td.calendar-agenda-hour .calendar-ampm {
|
|
font-size: 1em;
|
|
}
|
|
.calendar-calendar td.calendar-agenda-items {
|
|
border: 1px #333 dotted;
|
|
text-align: left;
|
|
}
|
|
.calendar-calendar td.calendar-agenda-items div.calendar {
|
|
width: auto;
|
|
padding: .25em;
|
|
margin: 0;
|
|
}
|
|
.calendar-calendar div.calendar div.inner .calendar-agenda-empty {
|
|
width: 100%;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 1em 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/**
|
|
* The popup date selector for jumping to a new date.
|
|
*/
|
|
.calendar-date-select form {
|
|
text-align: right;
|
|
float: right;
|
|
width: 25%;
|
|
}
|
|
.calendar-date-select div,
|
|
.calendar-date-select input,
|
|
.calendar-date-select label {
|
|
text-align: right;
|
|
padding: 0;
|
|
margin: 0;
|
|
float: right;
|
|
clear: both;
|
|
}
|
|
.calendar-date-select .description {
|
|
float: right;
|
|
}
|
|
.calendar-label {
|
|
font-weight: bold;
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.calendar-calendar div.date-nav {
|
|
background-color: #ccc;
|
|
color: #777;
|
|
width: auto;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.calendar-calendar div.date-nav a,
|
|
.calendar-calendar div.date-nav h3 {
|
|
color: #777;
|
|
}
|
|
.calendar-calendar th.days {
|
|
background-color: #eee;
|
|
color: #777;
|
|
font-weight: bold;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.calendar-calendar td.empty {
|
|
background: #ccc;
|
|
border-color: #ccc;
|
|
}
|
|
.calendar-calendar table.mini td.empty {
|
|
background: #fff;
|
|
border-color: #fff;
|
|
}
|
|
.calendar-calendar td div.day {
|
|
border: 1px solid #ccc;
|
|
border-top: none;
|
|
border-right: none;
|
|
margin-bottom: 2px;
|
|
}
|
|
.calendar-calendar td .inner div,
|
|
.calendar-calendar td .inner div a {
|
|
background: #eee;
|
|
}
|
|
|
|
/**
|
|
*Set small font size for all items in calendar div, themes can override this.
|
|
*
|
|
* Use x-small instead of em to avoid multiplying effect in nested items.
|
|
*/
|
|
.calendar-calendar div.calendar {
|
|
border: none;
|
|
font-size: x-small;
|
|
}
|
|
.calendar-calendar td .inner div.calendar div,
|
|
.calendar-calendar td .inner div.calendar div a {
|
|
border: none;
|
|
background: #ffc;
|
|
padding: 0 2px;
|
|
}
|
|
.calendar-calendar td .inner div.calendar div.calendar-more,
|
|
.calendar-calendar td .inner div.calendar div.calendar-more a {
|
|
color: #444;
|
|
background: #fff;
|
|
text-align: right;
|
|
}
|
|
.calendar-calendar td .inner .view-field,
|
|
.calendar-calendar td .inner .view-field a {
|
|
color: #444;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.calendar-calendar td span.date-display-single,
|
|
.calendar-calendar td span.date-display-start,
|
|
.calendar-calendar td span.date-display-end,
|
|
.calendar-calendar td span.date-display-separator {
|
|
font-weight: bold;
|
|
}
|
|
.calendar-calendar td .inner div.day a {
|
|
color: #4b85ac;
|
|
}
|
|
.calendar-calendar tr td.today,
|
|
.calendar-calendar tr.odd td.today,
|
|
.calendar-calendar tr.even td.today {
|
|
background-color: #C3D6E4;
|
|
}
|
|
.calendar-calendar td .inner div.calendar div div.view-data-node-data-field-date-field-date-value {
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
/**
|
|
* The following are not used by default but are available for themes.
|
|
*/
|
|
.calendar-calendar td.past {}
|
|
.calendar-calendar td.future {}
|
|
.calendar-calendar td.has-events {}
|
|
.calendar-calendar td.has-no-events {}
|