Club Drupal

/**

 * @file

 * Main stylesheet for Date module.

 */

/* Force start/end dates to float using inline-block, where it works, */

/* otherwise inline. */

.container-inline-date {

  clear: both;

}

.container-inline-date .form-item {

  float: none;

  margin: 0;

  padding: 0;

}

.container-inline-date > .form-item {

  display: inline-block;

  margin-right: 0.5em; /* LTR */

  vertical-align: top;

}

fieldset.date-combo .container-inline-date > .form-item {

  margin-bottom: 10px;

}

.container-inline-date .form-item .form-item {

  float: left; /* LTR */

}

.container-inline-date .form-item,

.container-inline-date .form-item input {

  width: auto;

}

.container-inline-date .description {

  clear: both;

}

.container-inline-date .form-item input,

.container-inline-date .form-item select,

.container-inline-date .form-item option {

  margin-right: 5px; /* LTR */

}

.container-inline-date .date-spacer {

  margin-left: -5px; /* LTR */

}

.views-right-60 .container-inline-date div {

  margin: 0;

  padding: 0;

}

.container-inline-date .date-timezone .form-item {

  clear: both;

  float: none;

  width: auto;

}

/* The exposed Views form doesn't need some of these styles. */

.container-inline-date .date-padding {

  float: left;

}

fieldset.date-combo .container-inline-date .date-padding {

  padding: 10px;

}

.views-exposed-form .container-inline-date .date-padding {

  padding: 0;

}

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

  border-collapse: separate;

  margin: 0;

  width: 185px;

}

.calendar td {

  padding: 0;

}

/* Formatting for start/end dates in nodes and views. */

span.date-display-single {

}

span.date-display-start {

}

span.date-display-end {

}

.date-prefix-inline {

  display: inline-block;

}

.date-clear {

  clear: both;

  display: block;

  float: none;

}

.date-no-float {

  clear: both;

  float: none;

  width: 98%;

}

.date-float {

  clear: none;

  float: left;

  width: auto;

}

/* Add space between date option checkboxes ('All day' & 'Collect End Date'). */

.date-float .form-type-checkbox {

  padding-right: 1em;

}

/* Add space between the date and time portions of the date_select widget. */

.form-type-date-select .form-type-select[class*=hour] {

  margin-left: .75em; /* LTR */

}

.date-container .date-format-delete {

  float: left;

  margin-top: 1.8em;

  margin-left: 1.5em;

}

.date-container .date-format-name {

  float: left;

}

.date-container .date-format-type {

  float: left;

  padding-left: 10px;

}

.date-container .select-container {

  clear: left;

  float: left;

}

/* Calendar day CSS. */

div.date-calendar-day {

  background: #f3f3f3;

  border-top: 1px solid #eee;

  border-left: 1px solid #eee;

  border-right: 1px solid #bbb;

  border-bottom: 1px solid #bbb;

  color: #999;

  float: left;

  line-height: 1;

  margin: 6px 10px 0 0;

  text-align: center;

  width: 40px;

}

div.date-calendar-day span {

  display: block;

  text-align: center;

}

div.date-calendar-day span.month {

  background-color: #b5bebe;

  color: white;

  font-size: .9em;

  padding: 2px;

  text-transform: uppercase;

}

div.date-calendar-day span.day {

  font-size: 2em;

  font-weight: bold;

}

div.date-calendar-day span.year {

  font-size: .9em;

  padding: 2px;

}

.date-form-element-content-multiline {

  padding: 10px;

  border: 1px solid #ccc;

}

/* Admin styling. */

.form-item.form-item-instance-widget-settings-input-format-custom,

.form-item.form-item-field-settings-enddate-required {

  margin-left: 1.3em;

}

#edit-field-settings-granularity .form-type-checkbox {

  margin-right: .6em; /* LTR */

}

.date-year-range-select {

  margin-right: 1em;

}