You are here

Home » API reference » Calendar 7.3

calendar_multiday.css in Calendar 7.3

Same filename and directory in other branches
  1. 8 css/calendar_multiday.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. */
}
.calendar-calendar .month-view table {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/**
 * 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 {
  text-align: center;
  margin: 0;
}
.calendar-calendar th a {
  font-weight: bold;
}
.calendar-calendar td {
  width: 14%;
  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;
}

/**
 * IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack
 */
.calendar-calendar .inner {
  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;
  padding-left: 5px;
}

.calendar-empty {
  font-size: 1px;
  line-height: 1px;
}

/**
 * formatting for the full day view
 */
.calendar-calendar td.calendar-agenda-hour {
  text-align: right;
  border: none;
  border-top: 1px solid #CCCCCC;
  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 solid #CCCCCC;
  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;
  padding: 0.2em;
  width: auto;
  border: 1px solid #ccc;
}
.calendar-calendar div.date-nav a,
.calendar-calendar div.date-nav h3 {
  color: #777;
  text-decoration: none;
}
.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;
  color: #cc9;
}
.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;
}
.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 {
}

/**
 * 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 {}

/**
 * Multi day styles
 */
.calendar-calendar tbody {
  border-top: none;
}

.calendar-calendar .month-view .full .inner,
.calendar-calendar .week-view .full .multi-day .inner {
  height: auto;
  min-height: auto;
}
.calendar-calendar .week-view .full .calendar-agenda-hour
.calendar-calendar .month-view .full .single-day .inner .view-item {
  float: left;
  width: 100%;
}

.calendar-calendar .week-view .full .calendar-agenda-hour,
.calendar-calendar .day-view .full .calendar-agenda-hour {
  padding-right: 2px;
}

.calendar-calendar .week-view .full .calendar-agenda-hour {
  width: 6%;
  min-width: 0px;
}

.calendar-calendar .week-view .full .days {
  width: 13%;
}

.calendar-calendar .month-view .full div.calendar,
.calendar-calendar .week-view .full div.calendar,
.calendar-calendar .day-view div.calendar {
  width: auto;
}

.calendar-calendar .month-view .full tr.date-box,
.calendar-calendar .month-view .full tr.date-box td,
.calendar-calendar .month-view .full tr.multi-day,
.calendar-calendar .month-view .full tr.multi-day td {
  height: 19px;
  max-height: 19px;
}

.calendar-calendar .month-view .full tr.single-day .no-entry,
.calendar-calendar .month-view .full tr.single-day .no-entry .inner {
  height: 44px !important;
  line-height: 44px;
}

.calendar-calendar .month-view .full tr.single-day .noentry-multi-day,
.calendar-calendar .month-view .full tr.single-day .noentry-multi-day .inner {
  height: 22px !important;
  line-height: 22px;
}

.calendar-calendar .month-view .full td,
.calendar-calendar .week-view .full td,
.calendar-calendar .day-view  td {
  vertical-align: top;
  padding: 1px 2px 0 2px
}

.calendar-calendar .month-view .full td.date-box {
  height: 1%;
  border-bottom: 0px;
  padding-bottom: 2px;
}

.calendar-calendar .month-view .full .week {
  font-size: inherit;
}

.calendar-calendar .month-view .full .week a,
.calendar-calendar .week-view .full .week a {
  color: #4b85ac;
}

.calendar-calendar .month-view .full td .inner div.day,
.calendar-calendar .month-view .full td .inner div.day a {
  border: none;
  background: none;
  margin-bottom: 0px;
}

.calendar-calendar .month-view .full td.date-box .inner,
.calendar-calendar .week-view .full td.date-box .inner {
  min-height: inherit;
}

.calendar-calendar .month-view .full td.multi-day,
.calendar-calendar .week-view .full td.multi-day {
  border-top: 0px;
  border-bottom: 0px;
}

.calendar-calendar .week-view .full .first td.multi-day {
  border-top: 1px solid #CCCCCC;
}

.calendar-calendar .month-view .full td.single-day {
  border-top: 0px;
}

.calendar-calendar .month-view .full td.multi-day .inner,
.calendar-calendar .week-view .full td.multi-day .inner,
.calendar-calendar .day-view .full td.multi-day .inner {
  min-height: inherit;
  width: auto;
  position: relative;
}

.calendar-calendar .month-view .full td.multi-day.no-entry {
  min-height: 0px;
}

.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty,
.calendar-calendar .month-view .full td.date-box.empty {
  background: #F4F4F4;
}

.calendar-calendar .month-view .full td.single-day .inner div,
.calendar-calendar .month-view .full td.single-day .inner div a ,
.calendar-calendar .month-view .full td.multi-day .inner div,
.calendar-calendar .month-view .full td.multi-day .inner div a ,
.calendar-calendar .month-view .full td .inner div.calendar.monthview div,
.calendar-calendar .month-view .full td .inner div.calendar.monthview div a,
.calendar-calendar .week-view .full td.single-day .inner div,
.calendar-calendar .week-view .full td.single-day .inner div a ,
.calendar-calendar .week-view .full td.multi-day .inner div,
.calendar-calendar .week-view .full td.multi-day .inner div a ,
.calendar-calendar .week-view .full td .inner div.calendar.weekview div,
.calendar-calendar .week-view .full td .inner div.calendar.weekview div a,
.calendar-calendar .day-view .full td .inner div.view-item,
.calendar-calendar .day-view .full td .inner div.calendar div,
.calendar-calendar .day-view .full td .inner div.calendar div a {
  background: none;
}

.calendar-calendar .day-view .full td .inner div.calendar div,
.calendar-calendar .day-view .full td .inner div.calendar div a {
  margin: 0px 3px;
}

.calendar-calendar .day-view .full td .inner div.calendar div.stripe {
  margin: 0px;
}

.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr.even td.today {
  background: none;
  border-left: 2px solid #7C7F12;
  border-right: 2px solid #7C7F12;
}

.calendar-calendar .month-view .full td.date-box.today {
  border-width: 2px 2px 0px 2px;
  border-style: solid;
  border-color: #7C7F12;
}

.calendar-calendar .month-view .full tr td.single-day.today {
  border-bottom: 2px solid #7C7F12;
}

.calendar-calendar .month-view .full tr td.multi-day.starts-today {
  border-left: 2px solid #7C7F12;
}

.calendar-calendar .month-view .full tr td.multi-day.ends-today {
  border-right: 2px solid #7C7F12;
}

.calendar-calendar .month-view .full tr td.multi-day,
.calendar-calendar .month-view .full tr td.single-day {
  border-top: 0px;
}

.calendar-calendar .month-view .full tr td.multi-day,
.calendar-calendar .month-view .full tr td.date-box {
  border-bottom: 0px;
}

.calendar-calendar .month-view .full .inner .monthview,
.calendar-calendar .week-view .full .inner .weekview,
.calendar-calendar .day-view .full .inner .dayview {
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: auto;
  float: none;
  display: block;
  margin: .25em auto;
  position: relative;
}

.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview {
  background: #ffc;
  width: auto;
  padding: 0px 3px;
  overflow: hidden;
}

.calendar-calendar .month-view .full td.single-day .calendar-more div.monthview {
  background: none;
}

.calendar-calendar .day-view td div.dayview {
  padding: 0px;
}

.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .week-view .full td.multi-day div.weekview,
.calendar-calendar .day-view .full td.multi-day div.dayview {
  background: #74a5d7;
  height: 1.9em;
  overflow: hidden;
  margin: 0px auto;
  color: #ffffff;
  position: relative;
}

.calendar-calendar .week-view .full td.multi-day div.weekview {
  height: 3.5em;
}

.calendar-calendar .month-view .full td.multi-day .inner .view-field,
.calendar-calendar .month-view .full td.multi-day .inner .view-field a,
.calendar-calendar .week-view .full td.multi-day .inner .view-field,
.calendar-calendar .week-view .full td.multi-day .inner .view-field a,
.calendar-calendar .day-view .full td.multi-day .inner .view-field,
.calendar-calendar .day-view .full td.multi-day .inner .view-field a {
  color: #ffffff;
}

.calendar-calendar .full td.multi-day .calendar .view-field,
.calendar-calendar .full td.single-day .calendar .view-field {
}

.calendar-calendar .day-view .full td.multi-day div.dayview,
.calendar-calendar .week-view .full td.multi-day div.weekview {
  margin-bottom: 2px;
}

.calendar-calendar .month-view .full td.multi-day .calendar.monthview .view-field {
  white-space: nowrap;
  float: left;
  margin-right: 3px;
}

.calendar-calendar .week-view .full td.multi-day .calendar.weekview .view-field {
  white-space: nowrap;
  display: inline;
  margin-right: 3px;
}

.calendar-calendar .day-view .full td.multi-day .calendar.weekview .view-field {
  display: block;
}

.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents,
.calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  position: absolute;
  width: 3000px;
  left: 5px;
}

.calendar-calendar .day-view td .stripe,
.calendar-calendar .month-view .full td .stripe,
.calendar-calendar .week-view .full td .stripe {
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 3px;
  z-index: 2;
}

.calendar-calendar .full td.single-day .continuation,
.calendar-calendar .full td.single-day .continues,
.calendar-calendar .full td.single-day .cutoff {
  display: none;
}

.calendar-calendar .month-view .full td.multi-day  .inner .monthview .continuation,
.calendar-calendar .week-view .full td.multi-day  .inner .weekview .continuation {
  float:left;
  margin-right: 3px;
  height: 1.9em;
}

.calendar-calendar .week-view .full td.multi-day  .inner .weekview .continuation {
  height: 2.75em;
  padding-top: 0.75em;
  margin-right: 8px;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
  position: absolute;
  right: 0px !important;
  right: -1px;
  width: 10px;
  text-align: left;
  background: #74a5d7;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  height: 1.9em;
  padding-left: 6px;
  z-index: 1;
}

.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
  height: 2.75em;
  padding-top: 0.75em;
}

.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
  width: 8px;
  padding-left: 0px;
}

.calendar-calendar .week-view .full td.multi-day {
  padding: 2px;
}

.calendar-calendar .week-view td.single-day div.calendar {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.calendar-calendar .week-view .full tr.last td.multi-day {
  border-bottom:1px solid #CCCCCC;
}

/**
 * Restyle Header
 */
.view .date-nav-wrapper .clear-block {
  margin-bottom: 10px;
}

.view .date-nav-wrapper  {
  position: relative;
  margin-top: 5px;
  width: 100%;
}

.view .date-nav-wrapper .date-nav {
  background-color: transparent;
  border: 0px;
  height: 30px;
  height: auto;
  min-height: 30px;
  position: relative;
  margin-bottom: 10px;
}

.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a {
  text-decoration: none;
  color: inherit;
  font-size: 12px;
}

.view .date-nav-wrapper.date-nav a:hover {
  text-decoration: underline;
}

.view .date-nav-wrapper .date-prev {
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: none repeat scroll 0 0 #dfdfdf;
  float: none;
  padding: 5px 0;
  position: absolute;
  right: 80px;
  left: auto;
  text-align: right;
  top: 0px;
  width: auto;
  z-index: 1;
  font-size: 12px;
}

.block-views .view .date-nav-wrapper .date-prev {
  left: 0;
  right: auto;
}

.view .date-nav-wrapper .date-prev a {
  margin-left: 10px;
  font-weight: bold;
}

.view .date-nav-wrapper .date-heading {
  position: relative;
  width: 100%;
  top: 0px;
  text-align: center;
  z-index: 0;
}

.view .date-nav-wrapper .date-heading h3 {
  line-height: 30px;
  font-size: 1.7em;
}

.view .date-nav-wrapper .date-next {
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  background: none repeat scroll 0 0 #dfdfdf;
  float: none;
  padding: 5px 0;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 0px;
  width: auto;
  z-index: 1;
  font-size: 12px;
}

.view .date-nav-wrapper .date-next a {
  margin-right: 10px;
  font-weight: bold;
}

.attachment .calendar-calendar {
  margin-top: 20px;
  clear: both;
}

.calendar-calendar th a,
.attachment .calendar-calendar th {
  background-color: transparent;
  border: 0px;
}

.attachment .calendar-calendar th.calendar-agenda-hour {
  color: #777777;
  font-weight: bold;
  text-align: right;
}

.view-calendar .feed-icon {
  margin-top: 5px;
}

.view table.mini .date-prev,
.view table.mini .date-next {
  background: none;
}

.date-nav div.date-prev,
.date-nav div.date-next,
.date-nav {
  width:auto;
}

ul.calendar-links,
.region-content ul.calendar-links {
  margin:0;
  padding:0;
}

.year-view div.month-view div.date-nav {
  background-color: #DFDFDF;
  min-height: 20px;
}

File

css/calendar_multiday.css
View source 
  1. /**

  2.  * calendar calendar table styles

  3.  */

  4. .calendar-calendar tr.odd, .calendar-calendar tr.even {

  5.   background-color: #fff;

  6. }

  7. .calendar-calendar table {

  8.   border-collapse: collapse;

  9.   border-spacing: 0;

  10.   margin: 0 auto;

  11.   padding: 0;

  12.   width: 100%; /* Setting at 100% causes problem in Internet Explorer. */

  13. }

  14. .calendar-calendar .month-view table {

  15.   border: none;

  16.   padding: 0;

  17.   margin: 0;

  18.   width: 100%;

  19. }

  20. 

  21. /**

  22.  * IE needs a little help to get the side by side tables to the right size

  23.  */

  24. .calendar-calendar .year-view td {

  25.   width: 32%;

  26.   padding: 1px;

  27.   border: none;

  28. }

  29. 

  30. .calendar-calendar .year-view td table td {

  31.   width: 13%;

  32.   padding: 0;

  33. }

  34. 

  35. .calendar-calendar tr {

  36.   padding: 0;

  37.   margin: 0;

  38.   background-color: white;

  39. }

  40. .calendar-calendar th {

  41.   text-align: center;

  42.   margin: 0;

  43. }

  44. .calendar-calendar th a {

  45.   font-weight: bold;

  46. }

  47. .calendar-calendar td {

  48.   width: 14%;

  49.   border: 1px solid #ccc;

  50.   color: #777;

  51.   text-align: right;

  52.   vertical-align: top;

  53.   margin: 0;

  54.   padding: 0;

  55. }

  56. 

  57. /**

  58.  * simplify the mini calendar by removing borders

  59.  */

  60. .calendar-calendar .mini {

  61.   border: none;

  62. }

  63. 

  64. /**

  65.  * format for the week number in the first cell

  66.  */

  67. .calendar-calendar td.week {

  68.   width: 1%;

  69.   min-width: 1%;

  70.  }

  71. .calendar-calendar .week {

  72.   clear: both;

  73.   font-style: normal;

  74.   color: #555;

  75.   font-size: 0.8em;

  76. }

  77. 

  78. /**

  79.  * IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack

  80.  */

  81. .calendar-calendar .inner {

  82.   height: auto !important;

  83.   height: 5em;

  84.   padding: 0;

  85.   margin: 0;

  86. }

  87. .calendar-calendar .inner div {

  88.   padding: 0;

  89.   margin: 0;

  90. }

  91. /**

  92.  * Make sure paragraphs buried in calendar cells use padding, not margins, for separation so the background color doesn't come through.

  93.  */

  94. .calendar-calendar .inner p {

  95.   padding: 0 0 .8em 0;

  96.   margin: 0;

  97. }

  98. .calendar-calendar td a {

  99.   font-weight: bold;

  100.   text-decoration: none;

  101. }

  102. .calendar-calendar td a:hover {

  103.   text-decoration: underline;

  104. }

  105. .calendar-calendar td.year,

  106. .calendar-calendar td.month {

  107.   text-align: center;

  108. }

  109. 

  110. /**

  111.  * format days of the week header cells

  112.  */

  113. .calendar-calendar th.days {

  114.   color: #ccc;

  115.   background-color: #224;

  116.   text-align: center;

  117.   padding: 1px;

  118.   margin: 0;

  119.  }

  120. 

  121. /**

  122.  * floating day number div

  123.  */

  124. .calendar-calendar div.day {

  125.   float: right;

  126.   text-align: center;

  127.   padding: 0.125em 0.25em 0 0.25em;

  128.   margin: 0;

  129.   background-color: #f3f3f3;

  130.   border: 1px solid gray;

  131.   border-width: 0 0 1px 1px;

  132.   clear: both;

  133.   width: 1.5em;

  134. }

  135. 

  136. /**

  137.  * individual node container

  138.  */

  139. .calendar-calendar div.calendar {

  140.   background-color: #fff;

  141.   border: solid 1px #ddd;

  142.   text-align: left;

  143.   margin: 0 .25em .25em 0;

  144.   width: 96%;

  145.   float: right; /* needed to keep IE from hiding the floating day number */

  146.   clear: both;

  147. }

  148. /**

  149.  * No floating of day view content because there is no floating day number

  150.  */

  151. .calendar-calendar .day-view div.calendar {

  152.   float: none;

  153.   width: 98%;

  154.   margin: 1% 1% 0 1%;

  155. }

  156. 

  157. .calendar-calendar div.title {

  158.   font-size:.8em;

  159.   text-align: center;

  160. }

  161. 

  162. .calendar-calendar div.title a {

  163.   color: #000;

  164. }

  165. .calendar-calendar div.title a:hover {

  166.   color: #c00;

  167. }

  168. .calendar-calendar .content {

  169.   clear: both;

  170.   padding: 3px;

  171.   padding-left: 5px;

  172. }

  173. .calendar div.form-item {

  174.   white-space: normal;

  175. }

  176. 

  177. table td.mini,

  178. table th.mini,

  179. table.mini td.week {

  180.   padding: 0 1px 0 0;

  181.   margin: 0;

  182.   }

  183. table td.mini a {

  184.   font-weight: normal;

  185. }

  186. .calendar-calendar .mini-day-off {

  187.   padding: 0px;

  188. }

  189. .calendar-calendar .mini-day-on {

  190.   padding: 0px;

  191. }

  192. table .mini-day-on a {

  193.   text-decoration: underline;

  194. }

  195. .calendar-calendar .mini .title {

  196.   font-size: .8em;

  197. }

  198. .mini .calendar-calendar .week {

  199.   font-size: .7em;

  200. }

  201. .mini-row {

  202.   width: 100%;

  203.   border: none;

  204. }

  205. .mini{

  206.   width: 32%;

  207.   vertical-align: top;

  208. }

  209. 

  210. /**

  211.  * formatting for the legend stripe and block

  212.  */

  213. .calendar-calendar .stripe {

  214.   height: 5px;

  215.   width: auto;

  216.   font-size:1px !important;

  217.   line-height:1px !important;

  218. }

  219. .calendar-calendar .day-view .stripe {

  220.   width: 100%;

  221. }

  222. table.calendar-legend {

  223.   background-color: #ccc;

  224.   width: 100%;

  225.   margin: 0;

  226.   padding: 0;

  227. }

  228. table.calendar-legend tr.odd .stripe,

  229. table.calendar-legend tr.even .stripe {

  230.   height: 12px !important;

  231.   font-size: 9px !important;

  232.   line-height: 10px !important;

  233. }

  234. .calendar-legend td {

  235.   text-align: left;

  236.   padding-left: 5px;

  237. }

  238. 

  239. .calendar-empty {

  240.   font-size: 1px;

  241.   line-height: 1px;

  242. }

  243. 

  244. /**

  245.  * formatting for the full day view

  246.  */

  247. .calendar-calendar td.calendar-agenda-hour {

  248.   text-align: right;

  249.   border: none;

  250.   border-top: 1px solid #CCCCCC;

  251.   padding-top: .25em;

  252.   width: 1%;

  253. }

  254. .calendar-calendar td.calendar-agenda-no-hours {

  255.   min-width: 1%;

  256. }

  257. .calendar-calendar td.calendar-agenda-hour .calendar-hour {

  258.   font-size: 1.2em;

  259.   font-weight: bold;

  260. }

  261. .calendar-calendar td.calendar-agenda-hour .calendar-ampm {

  262.   font-size: 1em;

  263. }

  264. .calendar-calendar td.calendar-agenda-items {

  265.   border: 1px solid #CCCCCC;

  266.   text-align: left;

  267. }

  268. .calendar-calendar td.calendar-agenda-items div.calendar {

  269.   width: auto;

  270.   padding: .25em;

  271.   margin: 0;

  272. }

  273. .calendar-calendar div.calendar div.inner .calendar-agenda-empty {

  274.   width: 100%;

  275.   text-align: center;

  276.   vertical-align: middle;

  277.   padding: 1em 0;

  278.   background-color: #fff;

  279. }

  280. 

  281. /**

  282.  * the popup date selector for jumping to a new date

  283.  */

  284. .calendar-date-select form {

  285.   text-align: right;

  286.   float: right;

  287.   width: 25%;

  288. }

  289. .calendar-date-select div,

  290. .calendar-date-select input,

  291. .calendar-date-select label {

  292.   text-align: right;

  293.   padding: 0;

  294.   margin: 0;

  295.   float: right;

  296.   clear: both;

  297. }

  298. .calendar-date-select .description {

  299.   float: right;

  300. }

  301. .calendar-label {

  302.   font-weight: bold;

  303.   display: block;

  304.   clear: both;

  305. }

  306. 

  307. .calendar-calendar div.date-nav {

  308.   background-color: #ccc;

  309.   color: #777;

  310.   padding: 0.2em;

  311.   width: auto;

  312.   border: 1px solid #ccc;

  313. }

  314. .calendar-calendar div.date-nav a,

  315. .calendar-calendar div.date-nav h3 {

  316.   color: #777;

  317.   text-decoration: none;

  318. }

  319. .calendar-calendar th.days {

  320.   background-color: #eee;

  321.   color: #777;

  322.   font-weight: bold;

  323.   border: 1px solid #ccc;

  324. }

  325. .calendar-calendar td.empty {

  326.   background: #ccc;

  327.   border-color: #ccc;

  328.   color: #cc9;

  329. }

  330. .calendar-calendar table.mini td.empty {

  331.   background: #fff;

  332.   border-color: #fff;

  333. }

  334. .calendar-calendar td div.day {

  335.   border: 1px solid #ccc;

  336.   border-top: none;

  337.   border-right: none;

  338.   margin-bottom: 2px;

  339. }

  340. .calendar-calendar td .inner div,

  341. .calendar-calendar td .inner div a {

  342.   background: #eee;

  343. }

  344. 

  345. /**

  346.  * Set small font size for all items in calendar div, themes can override this.

  347.  * Use x-small instead of em to avoid multiplying effect in nested items.

  348.  */

  349. .calendar-calendar div.calendar {

  350.   border: none;

  351.   font-size: x-small;

  352. }

  353. .calendar-calendar td .inner div.calendar div,

  354. .calendar-calendar td .inner div.calendar div a {

  355.   border: none;

  356.   background: #ffc;

  357.   padding: 0;

  358. }

  359. .calendar-calendar td .inner div.calendar div.calendar-more,

  360. .calendar-calendar td .inner div.calendar div.calendar-more a {

  361.   color: #444;

  362.   background: #fff;

  363.   text-align: right;

  364. }

  365. .calendar-calendar td .inner .view-field,

  366. .calendar-calendar td .inner .view-field a {

  367.   color: #444;

  368.   font-weight: normal;

  369. }

  370. 

  371. .calendar-calendar td span.date-display-single,

  372. .calendar-calendar td span.date-display-start,

  373. .calendar-calendar td span.date-display-end,

  374. .calendar-calendar td span.date-display-separator {

  375.   font-weight: bold;

  376. }

  377. .calendar-calendar td .inner div.day a {

  378.   color: #4b85ac;

  379. }

  380. .calendar-calendar tr td.today,

  381. .calendar-calendar tr.odd td.today,

  382. .calendar-calendar tr.even td.today {

  383.   background-color: #C3D6E4;

  384. }

  385. .calendar-calendar td .inner div.calendar div div.view-data-node-data-field-date-field-date-value {

  386. }

  387. 

  388. /**

  389.  * The following are not used by default but are available for themes

  390.  */

  391. .calendar-calendar td.past {}

  392. .calendar-calendar td.future {}

  393. .calendar-calendar td.has-events {}

  394. .calendar-calendar td.has-no-events {}

  395. 

  396. /**

  397.  * Multi day styles

  398.  */

  399. .calendar-calendar tbody {

  400.   border-top: none;

  401. }

  402. 

  403. .calendar-calendar .month-view .full .inner,

  404. .calendar-calendar .week-view .full .multi-day .inner {

  405.   height: auto;

  406.   min-height: auto;

  407. }

  408. .calendar-calendar .week-view .full .calendar-agenda-hour

  409. .calendar-calendar .month-view .full .single-day .inner .view-item {

  410.   float: left;

  411.   width: 100%;

  412. }

  413. 

  414. .calendar-calendar .week-view .full .calendar-agenda-hour,

  415. .calendar-calendar .day-view .full .calendar-agenda-hour {

  416.   padding-right: 2px;

  417. }

  418. 

  419. .calendar-calendar .week-view .full .calendar-agenda-hour {

  420.   width: 6%;

  421.   min-width: 0px;

  422. }

  423. 

  424. .calendar-calendar .week-view .full .days {

  425.   width: 13%;

  426. }

  427. 

  428. .calendar-calendar .month-view .full div.calendar,

  429. .calendar-calendar .week-view .full div.calendar,

  430. .calendar-calendar .day-view div.calendar {

  431.   width: auto;

  432. }

  433. 

  434. .calendar-calendar .month-view .full tr.date-box,

  435. .calendar-calendar .month-view .full tr.date-box td,

  436. .calendar-calendar .month-view .full tr.multi-day,

  437. .calendar-calendar .month-view .full tr.multi-day td {

  438.   height: 19px;

  439.   max-height: 19px;

  440. }

  441. 

  442. .calendar-calendar .month-view .full tr.single-day .no-entry,

  443. .calendar-calendar .month-view .full tr.single-day .no-entry .inner {

  444.   height: 44px !important;

  445.   line-height: 44px;

  446. }

  447. 

  448. .calendar-calendar .month-view .full tr.single-day .noentry-multi-day,

  449. .calendar-calendar .month-view .full tr.single-day .noentry-multi-day .inner {

  450.   height: 22px !important;

  451.   line-height: 22px;

  452. }

  453. 

  454. .calendar-calendar .month-view .full td,

  455. .calendar-calendar .week-view .full td,

  456. .calendar-calendar .day-view  td {

  457.   vertical-align: top;

  458.   padding: 1px 2px 0 2px

  459. }

  460. 

  461. .calendar-calendar .month-view .full td.date-box {

  462.   height: 1%;

  463.   border-bottom: 0px;

  464.   padding-bottom: 2px;

  465. }

  466. 

  467. .calendar-calendar .month-view .full .week {

  468.   font-size: inherit;

  469. }

  470. 

  471. .calendar-calendar .month-view .full .week a,

  472. .calendar-calendar .week-view .full .week a {

  473.   color: #4b85ac;

  474. }

  475. 

  476. .calendar-calendar .month-view .full td .inner div.day,

  477. .calendar-calendar .month-view .full td .inner div.day a {

  478.   border: none;

  479.   background: none;

  480.   margin-bottom: 0px;

  481. }

  482. 

  483. .calendar-calendar .month-view .full td.date-box .inner,

  484. .calendar-calendar .week-view .full td.date-box .inner {

  485.   min-height: inherit;

  486. }

  487. 

  488. .calendar-calendar .month-view .full td.multi-day,

  489. .calendar-calendar .week-view .full td.multi-day {

  490.   border-top: 0px;

  491.   border-bottom: 0px;

  492. }

  493. 

  494. .calendar-calendar .week-view .full .first td.multi-day {

  495.   border-top: 1px solid #CCCCCC;

  496. }

  497. 

  498. .calendar-calendar .month-view .full td.single-day {

  499.   border-top: 0px;

  500. }

  501. 

  502. .calendar-calendar .month-view .full td.multi-day .inner,

  503. .calendar-calendar .week-view .full td.multi-day .inner,

  504. .calendar-calendar .day-view .full td.multi-day .inner {

  505.   min-height: inherit;

  506.   width: auto;

  507.   position: relative;

  508. }

  509. 

  510. .calendar-calendar .month-view .full td.multi-day.no-entry {

  511.   min-height: 0px;

  512. }

  513. 

  514. .calendar-calendar .month-view .full td.single-day .calendar-empty,

  515. .calendar-calendar .month-view .full td.single-day.empty,

  516. .calendar-calendar .month-view .full td.date-box.empty {

  517.   background: #F4F4F4;

  518. }

  519. 

  520. .calendar-calendar .month-view .full td.single-day .inner div,

  521. .calendar-calendar .month-view .full td.single-day .inner div a ,

  522. .calendar-calendar .month-view .full td.multi-day .inner div,

  523. .calendar-calendar .month-view .full td.multi-day .inner div a ,

  524. .calendar-calendar .month-view .full td .inner div.calendar.monthview div,

  525. .calendar-calendar .month-view .full td .inner div.calendar.monthview div a,

  526. .calendar-calendar .week-view .full td.single-day .inner div,

  527. .calendar-calendar .week-view .full td.single-day .inner div a ,

  528. .calendar-calendar .week-view .full td.multi-day .inner div,

  529. .calendar-calendar .week-view .full td.multi-day .inner div a ,

  530. .calendar-calendar .week-view .full td .inner div.calendar.weekview div,

  531. .calendar-calendar .week-view .full td .inner div.calendar.weekview div a,

  532. .calendar-calendar .day-view .full td .inner div.view-item,

  533. .calendar-calendar .day-view .full td .inner div.calendar div,

  534. .calendar-calendar .day-view .full td .inner div.calendar div a {

  535.   background: none;

  536. }

  537. 

  538. .calendar-calendar .day-view .full td .inner div.calendar div,

  539. .calendar-calendar .day-view .full td .inner div.calendar div a {

  540.   margin: 0px 3px;

  541. }

  542. 

  543. .calendar-calendar .day-view .full td .inner div.calendar div.stripe {

  544.   margin: 0px;

  545. }

  546. 

  547. .calendar-calendar .month-view .full tr td.today,

  548. .calendar-calendar .month-view .full tr.odd td.today,

  549. .calendar-calendar .month-view .full tr.even td.today {

  550.   background: none;

  551.   border-left: 2px solid #7C7F12;

  552.   border-right: 2px solid #7C7F12;

  553. }

  554. 

  555. .calendar-calendar .month-view .full td.date-box.today {

  556.   border-width: 2px 2px 0px 2px;

  557.   border-style: solid;

  558.   border-color: #7C7F12;

  559. }

  560. 

  561. .calendar-calendar .month-view .full tr td.single-day.today {

  562.   border-bottom: 2px solid #7C7F12;

  563. }

  564. 

  565. .calendar-calendar .month-view .full tr td.multi-day.starts-today {

  566.   border-left: 2px solid #7C7F12;

  567. }

  568. 

  569. .calendar-calendar .month-view .full tr td.multi-day.ends-today {

  570.   border-right: 2px solid #7C7F12;

  571. }

  572. 

  573. .calendar-calendar .month-view .full tr td.multi-day,

  574. .calendar-calendar .month-view .full tr td.single-day {

  575.   border-top: 0px;

  576. }

  577. 

  578. .calendar-calendar .month-view .full tr td.multi-day,

  579. .calendar-calendar .month-view .full tr td.date-box {

  580.   border-bottom: 0px;

  581. }

  582. 

  583. .calendar-calendar .month-view .full .inner .monthview,

  584. .calendar-calendar .week-view .full .inner .weekview,

  585. .calendar-calendar .day-view .full .inner .dayview {

  586.   -moz-border-radius: 5px;

  587.   border-radius: 5px;

  588.   width: auto;

  589.   float: none;

  590.   display: block;

  591.   margin: .25em auto;

  592.   position: relative;

  593. }

  594. 

  595. .calendar-calendar .month-view .full td.single-day div.monthview,

  596. .calendar-calendar .week-view .full td.single-day div.weekview,

  597. .calendar-calendar .day-view .full td.single-day div.dayview {

  598.   background: #ffc;

  599.   width: auto;

  600.   padding: 0px 3px;

  601.   overflow: hidden;

  602. }

  603. 

  604. .calendar-calendar .month-view .full td.single-day .calendar-more div.monthview {

  605.   background: none;

  606. }

  607. 

  608. .calendar-calendar .day-view td div.dayview {

  609.   padding: 0px;

  610. }

  611. 

  612. .calendar-calendar .month-view .full td.multi-day div.monthview,

  613. .calendar-calendar .week-view .full td.multi-day div.weekview,

  614. .calendar-calendar .day-view .full td.multi-day div.dayview {

  615.   background: #74a5d7;

  616.   height: 1.9em;

  617.   overflow: hidden;

  618.   margin: 0px auto;

  619.   color: #ffffff;

  620.   position: relative;

  621. }

  622. 

  623. .calendar-calendar .week-view .full td.multi-day div.weekview {

  624.   height: 3.5em;

  625. }

  626. 

  627. .calendar-calendar .month-view .full td.multi-day .inner .view-field,

  628. .calendar-calendar .month-view .full td.multi-day .inner .view-field a,

  629. .calendar-calendar .week-view .full td.multi-day .inner .view-field,

  630. .calendar-calendar .week-view .full td.multi-day .inner .view-field a,

  631. .calendar-calendar .day-view .full td.multi-day .inner .view-field,

  632. .calendar-calendar .day-view .full td.multi-day .inner .view-field a {

  633.   color: #ffffff;

  634. }

  635. 

  636. .calendar-calendar .full td.multi-day .calendar .view-field,

  637. .calendar-calendar .full td.single-day .calendar .view-field {

  638. }

  639. 

  640. .calendar-calendar .day-view .full td.multi-day div.dayview,

  641. .calendar-calendar .week-view .full td.multi-day div.weekview {

  642.   margin-bottom: 2px;

  643. }

  644. 

  645. .calendar-calendar .month-view .full td.multi-day .calendar.monthview .view-field {

  646.   white-space: nowrap;

  647.   float: left;

  648.   margin-right: 3px;

  649. }

  650. 

  651. .calendar-calendar .week-view .full td.multi-day .calendar.weekview .view-field {

  652.   white-space: nowrap;

  653.   display: inline;

  654.   margin-right: 3px;

  655. }

  656. 

  657. .calendar-calendar .day-view .full td.multi-day .calendar.weekview .view-field {

  658.   display: block;

  659. }

  660. 

  661. .calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents,

  662. .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {

  663.   position: absolute;

  664.   width: 3000px;

  665.   left: 5px;

  666. }

  667. 

  668. .calendar-calendar .day-view td .stripe,

  669. .calendar-calendar .month-view .full td .stripe,

  670. .calendar-calendar .week-view .full td .stripe {

  671.   -moz-border-radius: 5px 5px 0px 0px;

  672.   border-radius: 5px 5px 0px 0px;

  673.   left: 0px;

  674.   top: 0px;

  675.   width: 100%;

  676.   height: 3px;

  677.   z-index: 2;

  678. }

  679. 

  680. .calendar-calendar .full td.single-day .continuation,

  681. .calendar-calendar .full td.single-day .continues,

  682. .calendar-calendar .full td.single-day .cutoff {

  683.   display: none;

  684. }

  685. 

  686. .calendar-calendar .month-view .full td.multi-day  .inner .monthview .continuation,

  687. .calendar-calendar .week-view .full td.multi-day  .inner .weekview .continuation {

  688.   float:left;

  689.   margin-right: 3px;

  690.   height: 1.9em;

  691. }

  692. 

  693. .calendar-calendar .week-view .full td.multi-day  .inner .weekview .continuation {

  694.   height: 2.75em;

  695.   padding-top: 0.75em;

  696.   margin-right: 8px;

  697. }

  698. 

  699. .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,

  700. .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,

  701. .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,

  702. .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {

  703.   position: absolute;

  704.   right: 0px !important;

  705.   right: -1px;

  706.   width: 10px;

  707.   text-align: left;

  708.   background: #74a5d7;

  709.   -moz-border-radius: 0px 5px 5px 0px;

  710.   border-radius: 0px 5px 5px 0px;

  711.   height: 1.9em;

  712.   padding-left: 6px;

  713.   z-index: 1;

  714. }

  715. 

  716. .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,

  717. .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {

  718.   height: 2.75em;

  719.   padding-top: 0.75em;

  720. }

  721. 

  722. .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,

  723. .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {

  724.   width: 8px;

  725.   padding-left: 0px;

  726. }

  727. 

  728. .calendar-calendar .week-view .full td.multi-day {

  729.   padding: 2px;

  730. }

  731. 

  732. .calendar-calendar .week-view td.single-day div.calendar {

  733.   width: 100%;

  734.   padding-left: 0px;

  735.   padding-right: 0px;

  736. }

  737. 

  738. .calendar-calendar .week-view .full tr.last td.multi-day {

  739.   border-bottom:1px solid #CCCCCC;

  740. }

  741. 

  742. /**

  743.  * Restyle Header

  744.  */

  745. .view .date-nav-wrapper .clear-block {

  746.   margin-bottom: 10px;

  747. }

  748. 

  749. .view .date-nav-wrapper  {

  750.   position: relative;

  751.   margin-top: 5px;

  752.   width: 100%;

  753. }

  754. 

  755. .view .date-nav-wrapper .date-nav {

  756.   background-color: transparent;

  757.   border: 0px;

  758.   height: 30px;

  759.   height: auto;

  760.   min-height: 30px;

  761.   position: relative;

  762.   margin-bottom: 10px;

  763. }

  764. 

  765. .view .date-nav-wrapper .date-prev a,

  766. .view .date-nav-wrapper .date-next a {

  767.   text-decoration: none;

  768.   color: inherit;

  769.   font-size: 12px;

  770. }

  771. 

  772. .view .date-nav-wrapper.date-nav a:hover {

  773.   text-decoration: underline;

  774. }

  775. 

  776. .view .date-nav-wrapper .date-prev {

  777.   -moz-border-radius: 5px 0 0 5px;

  778.   border-radius: 5px 0 0 5px;

  779.   background: none repeat scroll 0 0 #dfdfdf;

  780.   float: none;

  781.   padding: 5px 0;

  782.   position: absolute;

  783.   right: 80px;

  784.   left: auto;

  785.   text-align: right;

  786.   top: 0px;

  787.   width: auto;

  788.   z-index: 1;

  789.   font-size: 12px;

  790. }

  791. 

  792. .block-views .view .date-nav-wrapper .date-prev {

  793.   left: 0;

  794.   right: auto;

  795. }

  796. 

  797. .view .date-nav-wrapper .date-prev a {

  798.   margin-left: 10px;

  799.   font-weight: bold;

  800. }

  801. 

  802. .view .date-nav-wrapper .date-heading {

  803.   position: relative;

  804.   width: 100%;

  805.   top: 0px;

  806.   text-align: center;

  807.   z-index: 0;

  808. }

  809. 

  810. .view .date-nav-wrapper .date-heading h3 {

  811.   line-height: 30px;

  812.   font-size: 1.7em;

  813. }

  814. 

  815. .view .date-nav-wrapper .date-next {

  816.   -moz-border-radius: 0px 5px 5px 0px;

  817.   border-radius: 0px 5px 5px 0px;

  818.   background: none repeat scroll 0 0 #dfdfdf;

  819.   float: none;

  820.   padding: 5px 0;

  821.   position: absolute;

  822.   right: 0px;

  823.   text-align: right;

  824.   top: 0px;

  825.   width: auto;

  826.   z-index: 1;

  827.   font-size: 12px;

  828. }

  829. 

  830. .view .date-nav-wrapper .date-next a {

  831.   margin-right: 10px;

  832.   font-weight: bold;

  833. }

  834. 

  835. .attachment .calendar-calendar {

  836.   margin-top: 20px;

  837.   clear: both;

  838. }

  839. 

  840. .calendar-calendar th a,

  841. .attachment .calendar-calendar th {

  842.   background-color: transparent;

  843.   border: 0px;

  844. }

  845. 

  846. .attachment .calendar-calendar th.calendar-agenda-hour {

  847.   color: #777777;

  848.   font-weight: bold;

  849.   text-align: right;

  850. }

  851. 

  852. .view-calendar .feed-icon {

  853.   margin-top: 5px;

  854. }

  855. 

  856. .view table.mini .date-prev,

  857. .view table.mini .date-next {

  858.   background: none;

  859. }

  860. 

  861. .date-nav div.date-prev,

  862. .date-nav div.date-next,

  863. .date-nav {

  864.   width:auto;

  865. }

  866. 

  867. ul.calendar-links,

  868. .region-content ul.calendar-links {

  869.   margin:0;

  870.   padding:0;

  871. }

  872. 

  873. .year-view div.month-view div.date-nav {

  874.   background-color: #DFDFDF;

  875.   min-height: 20px;

  876. }