You are here

date.css in Date 6.2

Same filename and directory in other branches
  1. 5.2 date.css
  2. 5 date.css
  3. 6 date.css
/* Force from/to dates to float using inline-block, where it works, otherwise inline. */
.container-inline-date {
  width:auto;
  clear:both;
  display: inline-block;
  vertical-align:top;
  margin-right: 0.5em; /* LTR */
}
.container-inline-date .form-item {
  float:none;
  padding:0;
  margin:0;
}
.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 {
  padding:0;
  margin:0;
}

.container-inline-date .date-timezone .form-item {
  float:none;
  width:auto;
  clear:both;
}

/* 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 {
  width: 185px;
  border-collapse: separate;
  margin: 0;
}
.calendar td {
  padding: 0;
}

/* formatting for from/to dates in nodes and views */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-end {
}
span.date-display-separator {
}

.date-repeat-input {
  float: left; /* LTR */
  width:auto;
  margin-right: 5px; /* LTR */
}
.date-repeat-input select {
  min-width:7em;
}
.date-repeat fieldset {
  clear:both;
  float:none;
}

.date-views-filter-wrapper {
  min-width:250px;
}
.date-views-filter input {
  float: left !important; /* LTR */
  margin-right: 2px !important; /* LTR */
  padding:0 !important;
  width:12em;
  min-width:12em;
}

.date-nav {
  width:100%;
}
.date-nav div.date-prev {
  text-align: left; /* LTR */
  width:24%;
  float: left; /* LTR */
}
.date-nav div.date-next {
  text-align: right; /* LTR */
  width:24%;
  float: right; /* LTR */
}
.date-nav div.date-heading {
  text-align:center;
  width:50%;
  float: left; /* LTR */
}
.date-nav div.date-heading h3 {
  margin:0;
  padding:0;
}

.date-clear {
  float:none;
  clear:both;
  display:block;
}

.date-clear-block {
  float:none;
  width:auto;
  clear:both;
}

/*
 ** Markup free clearing that fixes unwanted scrollbars
 ** @see http://drupal.org/node/232959
 */
 .date-clear-block:after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .date-clear-block {
   display: inline-block;
 }
 /* Hides from IE-mac \*/
 * html .date-clear-block {
   height: 1%;
 }
 .date-clear-block {
   display: block;
 }
 /* End hide from IE-mac */

.date-container .date-format-delete {
  margin-top: 1.8em;
  margin-left: 1.5em;
  float: left;
}
.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 {
  line-height: 1;
  width: 40px;
  float: left;
  margin: 6px 10px 0 0;
  background: #F3F3F3;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  color: #999;
  text-align: center;
  font-family: Georgia, Arial, Verdana, sans;
}
div.date-calendar-day span {
  display: block;
  text-align: center;
}
div.date-calendar-day span.month {
  font-size: .9em;
  background-color: #B5BEBE;
  color: white;
  padding: 2px;
  text-transform: uppercase;
}
div.date-calendar-day span.day {
  font-weight: bold;
  font-size: 2em;
}
div.date-calendar-day span.year {
  font-size: .9em;
  padding: 2px;
}

File

date.css
View source
  1. /* Force from/to dates to float using inline-block, where it works, otherwise inline. */
  2. .container-inline-date {
  3. width:auto;
  4. clear:both;
  5. display: inline-block;
  6. vertical-align:top;
  7. margin-right: 0.5em; /* LTR */
  8. }
  9. .container-inline-date .form-item {
  10. float:none;
  11. padding:0;
  12. margin:0;
  13. }
  14. .container-inline-date .form-item .form-item {
  15. float: left; /* LTR */
  16. }
  17. .container-inline-date .form-item,
  18. .container-inline-date .form-item input {
  19. width:auto;
  20. }
  21. .container-inline-date .description {
  22. clear: both;
  23. }
  24. .container-inline-date .form-item input,
  25. .container-inline-date .form-item select,
  26. .container-inline-date .form-item option {
  27. margin-right: 5px; /* LTR */
  28. }
  29. .container-inline-date .date-spacer {
  30. margin-left: -5px; /* LTR */
  31. }
  32. .views-right-60 .container-inline-date div {
  33. padding:0;
  34. margin:0;
  35. }
  36. .container-inline-date .date-timezone .form-item {
  37. float:none;
  38. width:auto;
  39. clear:both;
  40. }
  41. /* Fixes for date popup css so it will behave in Drupal */
  42. #calendar_div, #calendar_div td, #calendar_div th {
  43. margin:0;
  44. padding:0;
  45. }
  46. #calendar_div,
  47. .calendar_control,
  48. .calendar_links,
  49. .calendar_header,
  50. .calendar {
  51. width: 185px;
  52. border-collapse: separate;
  53. margin: 0;
  54. }
  55. .calendar td {
  56. padding: 0;
  57. }
  58. /* formatting for from/to dates in nodes and views */
  59. span.date-display-single {
  60. }
  61. span.date-display-start {
  62. }
  63. span.date-display-end {
  64. }
  65. span.date-display-separator {
  66. }
  67. .date-repeat-input {
  68. float: left; /* LTR */
  69. width:auto;
  70. margin-right: 5px; /* LTR */
  71. }
  72. .date-repeat-input select {
  73. min-width:7em;
  74. }
  75. .date-repeat fieldset {
  76. clear:both;
  77. float:none;
  78. }
  79. .date-views-filter-wrapper {
  80. min-width:250px;
  81. }
  82. .date-views-filter input {
  83. float: left !important; /* LTR */
  84. margin-right: 2px !important; /* LTR */
  85. padding:0 !important;
  86. width:12em;
  87. min-width:12em;
  88. }
  89. .date-nav {
  90. width:100%;
  91. }
  92. .date-nav div.date-prev {
  93. text-align: left; /* LTR */
  94. width:24%;
  95. float: left; /* LTR */
  96. }
  97. .date-nav div.date-next {
  98. text-align: right; /* LTR */
  99. width:24%;
  100. float: right; /* LTR */
  101. }
  102. .date-nav div.date-heading {
  103. text-align:center;
  104. width:50%;
  105. float: left; /* LTR */
  106. }
  107. .date-nav div.date-heading h3 {
  108. margin:0;
  109. padding:0;
  110. }
  111. .date-clear {
  112. float:none;
  113. clear:both;
  114. display:block;
  115. }
  116. .date-clear-block {
  117. float:none;
  118. width:auto;
  119. clear:both;
  120. }
  121. /*
  122. ** Markup free clearing that fixes unwanted scrollbars
  123. ** @see http://drupal.org/node/232959
  124. */
  125. .date-clear-block:after {
  126. content: " ";
  127. display: block;
  128. height: 0;
  129. clear: both;
  130. visibility: hidden;
  131. }
  132. .date-clear-block {
  133. display: inline-block;
  134. }
  135. /* Hides from IE-mac \*/
  136. * html .date-clear-block {
  137. height: 1%;
  138. }
  139. .date-clear-block {
  140. display: block;
  141. }
  142. /* End hide from IE-mac */
  143. .date-container .date-format-delete {
  144. margin-top: 1.8em;
  145. margin-left: 1.5em;
  146. float: left;
  147. }
  148. .date-container .date-format-name {
  149. float: left;
  150. }
  151. .date-container .date-format-type {
  152. float: left;
  153. padding-left: 10px;
  154. }
  155. .date-container .select-container {
  156. clear: left;
  157. float: left;
  158. }
  159. /* Calendar day css */
  160. div.date-calendar-day {
  161. line-height: 1;
  162. width: 40px;
  163. float: left;
  164. margin: 6px 10px 0 0;
  165. background: #F3F3F3;
  166. border-top: 1px solid #eee;
  167. border-left: 1px solid #eee;
  168. border-right: 1px solid #bbb;
  169. border-bottom: 1px solid #bbb;
  170. color: #999;
  171. text-align: center;
  172. font-family: Georgia, Arial, Verdana, sans;
  173. }
  174. div.date-calendar-day span {
  175. display: block;
  176. text-align: center;
  177. }
  178. div.date-calendar-day span.month {
  179. font-size: .9em;
  180. background-color: #B5BEBE;
  181. color: white;
  182. padding: 2px;
  183. text-transform: uppercase;
  184. }
  185. div.date-calendar-day span.day {
  186. font-weight: bold;
  187. font-size: 2em;
  188. }
  189. div.date-calendar-day span.year {
  190. font-size: .9em;
  191. padding: 2px;
  192. }