Le repo des sources pour le site web des JM2L
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 
 

182 Zeilen
4.8 KiB

  1. /*!
  2. * Datepicker for Bootstrap
  3. *
  4. * Copyright 2012 Stefan Petre
  5. * Licensed under the Apache License v2.0
  6. * http://www.apache.org/licenses/LICENSE-2.0
  7. *
  8. */
  9. .datepicker {
  10. top: 0;
  11. left: 0;
  12. padding: 4px;
  13. margin-top: 1px;
  14. -webkit-border-radius: 4px;
  15. -moz-border-radius: 4px;
  16. border-radius: 4px;
  17. /*.dow {
  18. border-top: 1px solid #ddd !important;
  19. }*/
  20. }
  21. .datepicker:before {
  22. content: '';
  23. display: inline-block;
  24. border-left: 7px solid transparent;
  25. border-right: 7px solid transparent;
  26. border-bottom: 7px solid #ccc;
  27. border-bottom-color: rgba(0, 0, 0, 0.2);
  28. position: absolute;
  29. top: -7px;
  30. left: 6px;
  31. }
  32. .datepicker:after {
  33. content: '';
  34. display: inline-block;
  35. border-left: 6px solid transparent;
  36. border-right: 6px solid transparent;
  37. border-bottom: 6px solid #ffffff;
  38. position: absolute;
  39. top: -6px;
  40. left: 7px;
  41. }
  42. .datepicker > div {
  43. display: none;
  44. }
  45. .datepicker table {
  46. width: 100%;
  47. margin: 0;
  48. }
  49. .datepicker td,
  50. .datepicker th {
  51. text-align: center;
  52. width: 20px;
  53. height: 20px;
  54. -webkit-border-radius: 4px;
  55. -moz-border-radius: 4px;
  56. border-radius: 4px;
  57. }
  58. .datepicker td.day:hover {
  59. background: #eeeeee;
  60. cursor: pointer;
  61. }
  62. .datepicker td.day.disabled {
  63. color: #eeeeee;
  64. }
  65. .datepicker td.old,
  66. .datepicker td.new {
  67. color: #999999;
  68. }
  69. .datepicker td.active,
  70. .datepicker td.active:hover {
  71. color: #ffffff;
  72. background-color: #006dcc;
  73. background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  74. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  75. background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  76. background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  77. background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  78. background-repeat: repeat-x;
  79. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  80. border-color: #0044cc #0044cc #002a80;
  81. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  82. *background-color: #0044cc;
  83. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  84. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  85. color: #fff;
  86. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  87. }
  88. .datepicker td.active:hover,
  89. .datepicker td.active:hover:hover,
  90. .datepicker td.active:focus,
  91. .datepicker td.active:hover:focus,
  92. .datepicker td.active:active,
  93. .datepicker td.active:hover:active,
  94. .datepicker td.active.active,
  95. .datepicker td.active:hover.active,
  96. .datepicker td.active.disabled,
  97. .datepicker td.active:hover.disabled,
  98. .datepicker td.active[disabled],
  99. .datepicker td.active:hover[disabled] {
  100. color: #ffffff;
  101. background-color: #0044cc;
  102. *background-color: #003bb3;
  103. }
  104. .datepicker td.active:active,
  105. .datepicker td.active:hover:active,
  106. .datepicker td.active.active,
  107. .datepicker td.active:hover.active {
  108. background-color: #003399 \9;
  109. }
  110. .datepicker td span {
  111. display: block;
  112. width: 47px;
  113. height: 54px;
  114. line-height: 54px;
  115. float: left;
  116. margin: 2px;
  117. cursor: pointer;
  118. -webkit-border-radius: 4px;
  119. -moz-border-radius: 4px;
  120. border-radius: 4px;
  121. }
  122. .datepicker td span:hover {
  123. background: #eeeeee;
  124. }
  125. .datepicker td span.active {
  126. color: #ffffff;
  127. background-color: #006dcc;
  128. background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  129. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  130. background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  131. background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  132. background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  133. background-repeat: repeat-x;
  134. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  135. border-color: #0044cc #0044cc #002a80;
  136. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  137. *background-color: #0044cc;
  138. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  139. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  140. color: #fff;
  141. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  142. }
  143. .datepicker td span.active:hover,
  144. .datepicker td span.active:focus,
  145. .datepicker td span.active:active,
  146. .datepicker td span.active.active,
  147. .datepicker td span.active.disabled,
  148. .datepicker td span.active[disabled] {
  149. color: #ffffff;
  150. background-color: #0044cc;
  151. *background-color: #003bb3;
  152. }
  153. .datepicker td span.active:active,
  154. .datepicker td span.active.active {
  155. background-color: #003399 \9;
  156. }
  157. .datepicker td span.old {
  158. color: #999999;
  159. }
  160. .datepicker th.switch {
  161. width: 145px;
  162. }
  163. .datepicker th.next,
  164. .datepicker th.prev {
  165. font-size: 21px;
  166. }
  167. .datepicker thead tr:first-child th {
  168. cursor: pointer;
  169. }
  170. .datepicker thead tr:first-child th:hover {
  171. background: #eeeeee;
  172. }
  173. .input-append.date .add-on i,
  174. .input-prepend.date .add-on i {
  175. display: block;
  176. cursor: pointer;
  177. width: 16px;
  178. height: 16px;
  179. }