Le repo des sources pour le site web des JM2L
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 
 

182 lignes
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. }