Club Drupal

/**

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