date.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. /**
  2. * @file
  3. * Main stylesheet for Date module.
  4. */
  5. /* Force start/end dates to float using inline-block, where it works, otherwise inline. */
  6. .container-inline-date {
  7. clear: both;
  8. }
  9. .container-inline-date .form-item {
  10. float: none;
  11. margin: 0;
  12. padding: 0;
  13. }
  14. .container-inline-date > .form-item {
  15. display: inline-block;
  16. margin-right: 0.5em; /* LTR */
  17. vertical-align: top;
  18. }
  19. fieldset.date-combo .container-inline-date > .form-item {
  20. margin-bottom: 10px;
  21. }
  22. .container-inline-date .form-item .form-item {
  23. float: left; /* LTR */
  24. }
  25. .container-inline-date .form-item,
  26. .container-inline-date .form-item input {
  27. width: auto;
  28. }
  29. .container-inline-date .description {
  30. clear: both;
  31. }
  32. .container-inline-date .form-item input,
  33. .container-inline-date .form-item select,
  34. .container-inline-date .form-item option {
  35. margin-right: 5px; /* LTR */
  36. }
  37. .container-inline-date .date-spacer {
  38. margin-left: -5px; /* LTR */
  39. }
  40. .views-right-60 .container-inline-date div {
  41. margin: 0;
  42. padding: 0;
  43. }
  44. .container-inline-date .date-timezone .form-item {
  45. clear: both;
  46. float: none;
  47. width: auto;
  48. }
  49. /* The exposed Views form doesn't need some of these styles */
  50. .container-inline-date .date-padding {
  51. float: left;
  52. }
  53. fieldset.date-combo .container-inline-date .date-padding {
  54. padding: 10px;
  55. }
  56. .views-exposed-form .container-inline-date .date-padding {
  57. padding: 0;
  58. }
  59. /* Fixes for date popup css so it will behave in Drupal */
  60. #calendar_div,
  61. #calendar_div td,
  62. #calendar_div th {
  63. margin: 0;
  64. padding: 0;
  65. }
  66. #calendar_div,
  67. .calendar_control,
  68. .calendar_links,
  69. .calendar_header,
  70. .calendar {
  71. border-collapse: separate;
  72. margin: 0;
  73. width: 185px;
  74. }
  75. .calendar td {
  76. padding: 0;
  77. }
  78. /* formatting for start/end dates in nodes and views */
  79. span.date-display-single {
  80. }
  81. span.date-display-start {
  82. }
  83. span.date-display-end {
  84. }
  85. .date-prefix-inline {
  86. display: inline-block;
  87. }
  88. .date-clear {
  89. clear: both;
  90. display: block;
  91. float: none;
  92. }
  93. .date-no-float {
  94. clear: both;
  95. float: none;
  96. width: 98%;
  97. }
  98. .date-float {
  99. clear: none;
  100. float: left;
  101. width: auto;
  102. }
  103. /* Add space between date option checkboxes ('All day' & 'Collect End Date') */
  104. .date-float .form-type-checkbox{
  105. padding-right: 1em;
  106. }
  107. /* Add space between the date and time portions of the date_select widget. */
  108. .form-type-date-select .form-type-select[class*=hour] {
  109. margin-left: .75em; /* LTR */
  110. }
  111. .date-container .date-format-delete {
  112. float: left;
  113. margin-top: 1.8em;
  114. margin-left: 1.5em;
  115. }
  116. .date-container .date-format-name {
  117. float: left;
  118. }
  119. .date-container .date-format-type {
  120. float: left;
  121. padding-left: 10px;
  122. }
  123. .date-container .select-container {
  124. clear: left;
  125. float: left;
  126. }
  127. /* Calendar day css */
  128. div.date-calendar-day {
  129. background: #F3F3F3;
  130. border-top: 1px solid #EEE;
  131. border-left: 1px solid #EEE;
  132. border-right: 1px solid #BBB;
  133. border-bottom: 1px solid #BBB;
  134. color: #999;
  135. float: left;
  136. line-height: 1;
  137. margin: 6px 10px 0 0;
  138. text-align: center;
  139. width: 40px;
  140. }
  141. div.date-calendar-day span {
  142. display: block;
  143. text-align: center;
  144. }
  145. div.date-calendar-day span.month {
  146. background-color: #B5BEBE;
  147. color: white;
  148. font-size: .9em;
  149. padding: 2px;
  150. text-transform: uppercase;
  151. }
  152. div.date-calendar-day span.day {
  153. font-size: 2em;
  154. font-weight: bold;
  155. }
  156. div.date-calendar-day span.year {
  157. font-size: .9em;
  158. padding: 2px;
  159. }
  160. .date-form-element-content-multiline {
  161. padding: 10px;
  162. border: 1px solid #CCC;
  163. }
  164. /* Admin styling */
  165. .form-item.form-item-instance-widget-settings-input-format-custom,
  166. .form-item.form-item-field-settings-enddate-required {
  167. margin-left: 1.3em;
  168. }
  169. #edit-field-settings-granularity .form-type-checkbox {
  170. margin-right: .6em; /* LTR */
  171. }
  172. .date-year-range-select {
  173. margin-right: 1em;
  174. }