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.

lr-datepicker.css 2.4 KiB

4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /*
  2. * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn)
  3. * Copyright (c) 2013-2018 上海力软信息技术有限公司
  4. * 创建人:力软-前端开发组
  5. * 日 期:2017.03.22
  6. * 描 述:learundate 时间段选择器 @YY@-当年 @MM@-当月 @DD@-当天 @JJ@-当季度
  7. */
  8. .lr-search-date {
  9. position:relative;
  10. float:left;
  11. width:200px;
  12. height:28px;
  13. }
  14. .lr-search-date-text {
  15. position:relative;
  16. float:left;
  17. width:100%;
  18. height:100%;
  19. line-height:26px;
  20. cursor:pointer;
  21. border: 1px solid #ccc;
  22. border-radius:4px;
  23. padding-left:25px;
  24. background: url(/Content/images/datepicker_icon.png) left 0 no-repeat #FFF;
  25. }
  26. .lr-search-date-text:hover {
  27. color:#3498DB;
  28. border: 1px solid #3498DB;
  29. }
  30. .lr-search-date-container {
  31. display:none;
  32. position:absolute;
  33. top:30px;
  34. left:0;
  35. z-index:10;
  36. padding:15px;
  37. background: #fff;
  38. box-shadow: 0 0 2px 2px rgba(0,0,0,.15);
  39. border-radius:3px;
  40. }
  41. .lr-search-date-container.width {
  42. width: 738px;
  43. }
  44. .lr-search-date-arrow {
  45. position:absolute;
  46. top: -16px;
  47. left: 53px;
  48. border-width: 8px;
  49. border-style: solid;
  50. border-color: transparent transparent #d6e1ee;
  51. }
  52. .lr-search-date-inside {
  53. position:absolute;
  54. top: -6px;
  55. left: -7px;
  56. border-width: 7px;
  57. border-style: solid;
  58. border-color: transparent transparent #fff;
  59. }
  60. .lr-search-date-content-btns {
  61. position:relative;
  62. float:left;
  63. }
  64. .lr-search-date-btn-block {
  65. margin-bottom: 6px;
  66. }
  67. .lr-search-date-btn-block > a {
  68. display:block;
  69. width:140px;
  70. line-height: 28px;
  71. height: 28px;
  72. text-align: center;
  73. color: #fff;
  74. background: #9da6bd;
  75. border-bottom: 1px solid #afb8cc;
  76. }
  77. .lr-search-date-btn-block > a:hover {
  78. background: #00aaef;
  79. }
  80. .lr-search-date-btn-block > a.active {
  81. background: #00aaef;
  82. }
  83. .lr-search-date-datepicker-content {
  84. position: relative;
  85. width: 558px;
  86. float: left;
  87. margin-left: 10px;
  88. display: none;
  89. }
  90. .lr-search-date-datepicker-container {
  91. position: relative;
  92. float: left;
  93. z-index: 1;
  94. width: 274px;
  95. height: 275px;
  96. margin-bottom: 8px;
  97. }
  98. .lr-search-date-datepicker-container iframe {
  99. width:202px;
  100. height:203px;
  101. }
  102. .lr-search-date-datepicker-container.first {
  103. margin-right:10px;
  104. }
  105. .lr-search-date-datepicker-btn {
  106. position:relative;
  107. width:100%;
  108. text-align:right;
  109. }