You are here

date.css in Date 7

Same filename and directory in other branches
  1. 8 date_api/date.css
  2. 7.3 date_api/date.css
  3. 7.2 date_api/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;
}
/* Give the navigation bar a little extra padding below so it will clear the new contextual links overlay of the teasers below it. */
.date-nav {
  width:100%;
  padding-bottom:1.5em;
  clear: both;
}
.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_api/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. /* Give the navigation bar a little extra padding below so it will clear the new contextual links overlay of the teasers below it. */
  90. .date-nav {
  91. width:100%;
  92. padding-bottom:1.5em;
  93. clear: both;
  94. }
  95. .date-nav div.date-prev {
  96. text-align: left; /* LTR */
  97. width:24%;
  98. float: left; /* LTR */
  99. }
  100. .date-nav div.date-next {
  101. text-align: right; /* LTR */
  102. width:24%;
  103. float: right; /* LTR */
  104. }
  105. .date-nav div.date-heading {
  106. text-align:center;
  107. width:50%;
  108. float: left; /* LTR */
  109. }
  110. .date-nav div.date-heading h3 {
  111. margin:0;
  112. padding:0;
  113. }
  114. .date-clear {
  115. float:none;
  116. clear:both;
  117. display:block;
  118. }
  119. .date-clear-block {
  120. float:none;
  121. width:auto;
  122. clear:both;
  123. }
  124. /*
  125. ** Markup free clearing that fixes unwanted scrollbars
  126. ** @see http://drupal.org/node/232959
  127. */
  128. .date-clear-block:after {
  129. content: " ";
  130. display: block;
  131. height: 0;
  132. clear: both;
  133. visibility: hidden;
  134. }
  135. .date-clear-block {
  136. display: inline-block;
  137. }
  138. /* Hides from IE-mac \*/
  139. * html .date-clear-block {
  140. height: 1%;
  141. }
  142. .date-clear-block {
  143. display: block;
  144. }
  145. /* End hide from IE-mac */
  146. .date-container .date-format-delete {
  147. margin-top: 1.8em;
  148. margin-left: 1.5em;
  149. float: left;
  150. }
  151. .date-container .date-format-name {
  152. float: left;
  153. }
  154. .date-container .date-format-type {
  155. float: left;
  156. padding-left: 10px;
  157. }
  158. .date-container .select-container {
  159. clear: left;
  160. float: left;
  161. }
  162. /* Calendar day css */
  163. div.date-calendar-day {
  164. line-height: 1;
  165. width: 40px;
  166. float: left;
  167. margin: 6px 10px 0 0;
  168. background: #F3F3F3;
  169. border-top: 1px solid #eee;
  170. border-left: 1px solid #eee;
  171. border-right: 1px solid #bbb;
  172. border-bottom: 1px solid #bbb;
  173. color: #999;
  174. text-align: center;
  175. font-family: Georgia, Arial, Verdana, sans;
  176. }
  177. div.date-calendar-day span {
  178. display: block;
  179. text-align: center;
  180. }
  181. div.date-calendar-day span.month {
  182. font-size: .9em;
  183. background-color: #B5BEBE;
  184. color: white;
  185. padding: 2px;
  186. text-transform: uppercase;
  187. }
  188. div.date-calendar-day span.day {
  189. font-weight: bold;
  190. font-size: 2em;
  191. }
  192. div.date-calendar-day span.year {
  193. font-size: .9em;
  194. padding: 2px;
  195. }