Le repo des sources pour le site web des JM2L
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 
 

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