You are here

date.css in Date 6

Same filename and directory in other branches
  1. 5.2 date.css
  2. 5 date.css
  3. 6.2 date.css
.container-inline-date {
  width:auto;
  clear:both;
}
.container-inline-date .form-item {
  float:left;
  padding:0;
  margin:0;
}
.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;}

.container-inline-date {
  display: inline-block;
 }

.container-inline-date .date-spacer {
  margin-left:-5px;
}
.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;
  width:auto;
  margin-right:5px;
}
.date-repeat-input select {
  min-width:7em;
}
.date-repeat fieldset {
  clear:both;
  float:none;
}

/* TODO Removed if this gets added to Views */
.views-exposed-date-filter {
  float:left !important;
  margin-right:2px !important;
  padding:0 !important;
}

.date-nav {
  width:100%;
  display:relative;
}
.date-nav div.prev {
  text-align: left;
  width:24%;
  float:left;
}
.date-nav div.next {
  text-align: right;
  width:24%;
  float:right;
}
.date-nav div.heading {
  text-align:center;
  width:50%;
  float:left;
}

File

date.css
View source
  1. .container-inline-date {
  2. width:auto;
  3. clear:both;
  4. }
  5. .container-inline-date .form-item {
  6. float:left;
  7. padding:0;
  8. margin:0;
  9. }
  10. .container-inline-date .form-item,
  11. .container-inline-date .form-item input {
  12. width:auto;
  13. }
  14. .container-inline-date .description {
  15. clear: both;
  16. }
  17. .container-inline-date .form-item input,
  18. .container-inline-date .form-item select,
  19. .container-inline-date .form-item option {
  20. margin-right:5px;}
  21. .container-inline-date {
  22. display: inline-block;
  23. }
  24. .container-inline-date .date-spacer {
  25. margin-left:-5px;
  26. }
  27. .views-right-60 .container-inline-date div {
  28. padding:0;
  29. margin:0;
  30. }
  31. .container-inline-date .date-timezone .form-item {
  32. float:none;
  33. width:auto;
  34. clear:both;
  35. }
  36. /* Fixes for date popup css so it will behave in Drupal */
  37. #calendar_div, #calendar_div td, #calendar_div th {
  38. margin:0;
  39. padding:0;
  40. }
  41. #calendar_div,
  42. .calendar_control,
  43. .calendar_links,
  44. .calendar_header,
  45. .calendar {
  46. width: 185px;
  47. border-collapse: separate;
  48. margin: 0;
  49. }
  50. .calendar td {
  51. padding: 0;
  52. }
  53. /* formatting for from/to dates in nodes and views */
  54. span.date-display-single {
  55. }
  56. span.date-display-start {
  57. }
  58. span.date-display-end {
  59. }
  60. span.date-display-separator {
  61. }
  62. .date-repeat-input {
  63. float:left;
  64. width:auto;
  65. margin-right:5px;
  66. }
  67. .date-repeat-input select {
  68. min-width:7em;
  69. }
  70. .date-repeat fieldset {
  71. clear:both;
  72. float:none;
  73. }
  74. /* TODO Removed if this gets added to Views */
  75. .views-exposed-date-filter {
  76. float:left !important;
  77. margin-right:2px !important;
  78. padding:0 !important;
  79. }
  80. .date-nav {
  81. width:100%;
  82. display:relative;
  83. }
  84. .date-nav div.prev {
  85. text-align: left;
  86. width:24%;
  87. float:left;
  88. }
  89. .date-nav div.next {
  90. text-align: right;
  91. width:24%;
  92. float:right;
  93. }
  94. .date-nav div.heading {
  95. text-align:center;
  96. width:50%;
  97. float:left;
  98. }