My personal site (brandoncornejo.name) (binaryatrocity.name)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

118 lines
2.4 KiB

10 years ago
  1. /*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  2. /* ========================================================================
  3. Addon: Datepicker
  4. ========================================================================== */
  5. /*
  6. * Reset dropdown width
  7. */
  8. .uk-datepicker {
  9. width: auto;
  10. }
  11. /* Sub-object: `uk-datepicker-nav`
  12. ========================================================================== */
  13. .uk-datepicker-nav {
  14. margin-bottom: 15px;
  15. text-align: center;
  16. line-height: 20px;
  17. }
  18. /*
  19. * Micro clearfix
  20. */
  21. .uk-datepicker-nav:before,
  22. .uk-datepicker-nav:after {
  23. content: " ";
  24. display: table;
  25. }
  26. .uk-datepicker-nav:after {
  27. clear: both;
  28. }
  29. /*
  30. * Previous and next navigation
  31. */
  32. .uk-datepicker-nav a {
  33. color: #444444;
  34. text-decoration: none;
  35. }
  36. .uk-datepicker-nav a:hover {
  37. color: #444444;
  38. }
  39. .uk-datepicker-previous {
  40. float: left;
  41. }
  42. .uk-datepicker-next {
  43. float: right;
  44. }
  45. .uk-datepicker-previous:after,
  46. .uk-datepicker-next:after {
  47. width: 20px;
  48. font-family: FontAwesome;
  49. }
  50. .uk-datepicker-previous:after {
  51. content: "\f053";
  52. }
  53. .uk-datepicker-next:after {
  54. content: "\f054";
  55. }
  56. /* Sub-object: `uk-datepicker-heading`
  57. ========================================================================== */
  58. /* Sub-object: `uk-datepicker-table`
  59. ========================================================================== */
  60. /* Block element behavior */
  61. .uk-datepicker-table {
  62. width: 100%;
  63. }
  64. .uk-datepicker-table th,
  65. .uk-datepicker-table td {
  66. padding: 2px;
  67. }
  68. .uk-datepicker-table th {
  69. font-size: 12px;
  70. }
  71. /*
  72. * Item
  73. */
  74. .uk-datepicker-table a {
  75. display: block;
  76. width: 26px;
  77. line-height: 24px;
  78. text-align: center;
  79. color: #444444;
  80. text-decoration: none;
  81. border: 1px solid transparent;
  82. border-radius: 4px;
  83. }
  84. /*
  85. * Sub-object: `uk-datepicker-table-muted`
  86. */
  87. a.uk-datepicker-table-muted {
  88. color: #999999;
  89. }
  90. /*
  91. * Hover
  92. * 1. Apply hover style also to focus state
  93. * 2. Remove default focus style
  94. */
  95. .uk-datepicker-table a:hover,
  96. .uk-datepicker-table a:focus {
  97. background-color: #fafafa;
  98. color: #444444;
  99. /* 2 */
  100. outline: none;
  101. border-color: rgba(0, 0, 0, 0.16);
  102. text-shadow: 0 1px 0 #ffffff;
  103. }
  104. /* OnClick */
  105. .uk-datepicker-table a:active {
  106. background-color: #eeeeee;
  107. color: #444444;
  108. }
  109. /*
  110. * Active
  111. */
  112. .uk-datepicker-table a.uk-active {
  113. background: #00a8e6;
  114. color: #ffffff;
  115. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  116. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  117. }