123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188 |
- /**
- * @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 */
- margin-bottom: 10px;
- vertical-align: top;
- }
- .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 {
- padding: 10px;
- float: left;
- }
- .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;
- }
- /* 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;
- }
|