Начало Каталог Помощ
Вход
caimei365
/
caimei365-manager
3
0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
ИН на ревизия: 039926b087
Клонове Маркери
caimei365-ma...
/
src
/
main
/
webapp
/
static
/
datapicker
/
daterangepicker.css

daterangepicker.css 10.0 KB
История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 
  1. .date-picker{width:170px;height:25px;padding:0;border:0;line-height:25px;padding-left:10px;font-size:12px;font-family:Arial,sans-serif;font-weight:bold;cursor:pointer;color:#303030;position:relative;z-index:2;}
    2. 

  2. .date-picker-wrapper{position:absolute;z-index:1;border:1px solid #bfbfbf;background-color:#efefef;font-size:12px;line-height:20px;color:#aaa;font-family:Arial,sans-serif;-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.5);box-shadow:3px 3px 10px rgba(0,0,0,0.5);-webkit-box-sizing:initial;box-sizing:initial;}
    3. 

  3. .dp-clearfix{clear:both;height:0;font-size:0;}
    4. 

  4. .date-picker-wrapper.inline-wrapper{position:relative;-webkit-box-shadow:none;box-shadow:none;display:inline-block;}
    5. 

  5. .date-picker-wrapper table tr{background:none;}
    6. 

  6. .date-picker-wrapper .drp_top-icon{position:absolute;left:60px;top:-9px;width:20px;height:10px;}
    7. 

  7. .date-picker-wrapper .drp_top-icon:before{content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #ccc transparent;position:absolute;left:0;top:-2px;}
    8. 

  8. .date-picker-wrapper .drp_top-icon:after{content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #fff transparent;position:absolute;left:0;top:2px;}
    9. 

  9. .date-picker-wrapper.single-date{width:auto;}
    10. 

  10. .date-picker-wrapper .footer{font-size:11px;padding-top:3px;}
    11. 

  11. .date-picker-wrapper b{color:#666;font-weight:700;}
    12. 

  12. .date-picker-wrapper a{color:#6bb4d6;text-decoration:underline;}
    13. 

  13. .date-picker-wrapper .month-name{text-transform:uppercase;color:#000;cursor:default;font-size:18px;}
    14. 

  14. .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle;}
    15. 

  15. .date-picker-wrapper .select-wrapper:hover{text-decoration:underline;}
    16. 

  16. .date-picker-wrapper .month-element{display:inline-block;vertical-align:middle;}
    17. 

  17. .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:0.01;}
    18. 

  18. .date-picker-wrapper .month-wrapper table th{margin:0px;padding:0px;line-height:30px;height:30px;text-align:center;width:38px;}
    19. 

  19. .date-picker-wrapper .month-wrapper table td{vertical-align:middle;text-align:center;line-height:14px;margin:0px;padding:0px;}
    20. 

  20. .date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100;text-transform:uppercase;}
    21. 

  21. .date-picker-wrapper .month-wrapper table .day{line-height:36px;height:36px;text-align:center;cursor:default;width:36px;float:left;color:#333;background:#ececec;margin:1px;}
    22. 

  22. .date-picker-wrapper .month-wrapper table .day.invalid{background:#f7f7f7;cursor:default;color:#DBDBDB;}
    23. 

  23. .date-picker-wrapper .month-wrapper table .day.valid:hover{box-shadow:0 0 5px #e15616 inset;}
    24. 

  24. .date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#999;cursor:default;}
    25. 

  25. .date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help!important;}
    26. 

  26. .date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip{white-space:nowrap;}
    27. 

  27. .date-picker-wrapper .time label{white-space:nowrap;}
    28. 

  28. .date-picker-wrapper .month-wrapper table .day.toMonth.valid{color:#333;cursor:pointer;}
    29. 

  29. .date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:#f5ded4;}
    30. 

  30. .date-picker-wrapper .month-wrapper table .day.nextMonth,.date-picker-wrapper .month-wrapper table .day.lastMonth{display:none;}
    31. 

  31. .date-picker-wrapper .month-wrapper table .day.real-today{background-color:#f5ded4;}
    32. 

  32. .date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background-color:#FFB496;}
    33. 

  33. .date-picker-wrapper .month-wrapper table .day.checked{background:#ffe6dc;cursor:pointer;color:#543376;}
    34. 

  34. .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected,.date-picker-wrapper .month-wrapper table .day.checked.last-date-selected{background:#e15616;color:#fff;position:relative;}
    35. 

  35. .date-picker-wrapper.single-date .month-wrapper table .day.checked.last-date-selected{background:#ffe6dc;color:#fff;position:relative;}
    36. 

  36. .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected:after{width:0;height:0;border-style:solid;border-width:18px 0 18px 10px;border-color:#ffe6dc transparent #ffe6dc #e15616;content:"";position:absolute;right:0;top:0;}
    37. 

  37. .date-picker-wrapper.single-date .month-wrapper table .day.checked.first-date-selected:after{width:0;height:0;border-style:solid;border-width:0 0 0 0;border-color:#ffe6dc #ffe6dc #ffe6dc #ffe6dc;content:"";position:absolute;right:0;top:0;}
    38. 

  38. .date-picker-wrapper .month-wrapper table .day.checked.last-date-selected:before{width:0;height:0;border-style:solid;border-width:18px 10px 18px 0;border-color:#ffe6dc transparent #ffe6dc #e15616;content:"";position:absolute;left:0;top:0;}
    39. 

  39. .date-picker-wrapper table .caption{box-sizing:border-box;height:40px;padding:5px 0;}
    40. 

  40. .date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{cursor:pointer;background:#e15616;width:30px;height:28px;line-height:28px;font-size:20px;text-align:center;font-weight:normal;display:inline-block;color:transparent;vertical-align:top;}
    41. 

  41. .date-picker-wrapper table .caption .prev:before,.date-picker-wrapper table .caption .next:before{display:inline-block;width:100%;text-align:center;vertical-align:top;color:#FFF;}
    42. 

  42. .date-picker-wrapper table .caption .prev:before{content:'\276E';}
    43. 

  43. .date-picker-wrapper table .caption .next:before{content:'\276F';}
    44. 

  44. .date-picker-wrapper table .caption .next.disabled, .date-picker-wrapper table .caption .prev.disabled {background:#bdbdbd;}
    45. 

  45. .date-picker-wrapper .gap{display:none;}
    46. 

  46. .date-picker-wrapper .selected-days{display:none;}
    47. 

  47. .date-picker-wrapper .drp_top-bar{line-height:1.4;position:relative;padding:10px 40px 10px 0;}
    48. 

  48. .date-picker-wrapper .drp_top-bar .error-top,.date-picker-wrapper .drp_top-bar .normal-top{display:none;}
    49. 

  49. .date-picker-wrapper .drp_top-bar .default-top{display:none;}
    50. 

  50. .date-picker-wrapper .drp_top-bar.error .default-top{display:none;}
    51. 

  51. .date-picker-wrapper .drp_top-bar.error .error-top{display:block;color:red;}
    52. 

  52. .date-picker-wrapper .drp_top-bar.normal .default-top{display:none;}
    53. 

  53. .date-picker-wrapper .drp_top-bar.normal .normal-top{display:block;}
    54. 

  54. .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top{color:#333;}
    55. 

  55. /*time styling*/
    56. 

  56. .date-picker-wrapper .time{position:relative;}
    57. 

  57. .date-picker-wrapper.single-month .time{display:block;}
    58. 

  58. .date-picker-wrapper .time input[type=range]{vertical-align:middle;width:129px;padding:0;margin:0;height:20px;}
    59. 

  59. .date-picker-wrapper .time1,.date-picker-wrapper .time2{width:180px;padding:0 5px;text-align:center;}
    60. 

  60. .date-picker-wrapper .time1{float:left;}
    61. 

  61. .date-picker-wrapper .time2{float:right;}
    62. 

  62. .date-picker-wrapper .hour,.date-picker-wrapper .minute{text-align:right;}
    63. 

  63. .date-picker-wrapper .hide{display:none;}
    64. 

  64. .date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0px;top:10px;width:60px;height:30px;line-height:28px;cursor:pointer;background:#e15616;font-size:12px;color:#363636;border:none;outline:none;}
    65. 

  65. .date-picker-wrapper .drp_top-bar .apply-btn.disabled{background:#999;}
    66. 

  66. .date-picker-wrapper .date-range-length-tip{position:absolute;color:#FFF;margin-top:-4px;margin-left:-8px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);box-shadow:0 0 3px rgba(0,0,0,0.3);display:none;background-color: #e15616;padding:0 6px;border-radius:2px;font-size:12px;line-height:16px;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,0.3));-moz-filter:drop-shadow(0 0 3px rgba(0,0,0,0.3));-ms-filter:drop-shadow(0 0 3px rgba(0,0,0,0.3));-o-filter:drop-shadow(0 0 3px rgba(0,0,0,0.3));filter:drop-shadow(0 0 3px rgba(0,0,0,0.3));}
    67. 

  67. .date-picker-wrapper .date-range-length-tip:after{content:'';position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #e15616;left:50%;margin-left:-4px;bottom:-4px;}
    68. 

  68. .date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev{display:none;}
    69. 

  69. .date-picker-wrapper .week-number{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#999;cursor:pointer;}
    70. 

  70. .date-picker-wrapper .week-number.week-number-selected{color:#49e;font-weight:bold;}
    71. 

  71. @media screen and (min-width:768px){
    72. 

  72.     .date-picker-wrapper{width:600px;}
    73. 

  73.     .date-picker-wrapper .month-wrapper{border-radius:3px;background-color:#fff;padding:15px;cursor:default;position:relative;_overflow:hidden;}
    74. 

  74.     .date-picker-wrapper .drp_top-bar{display:none;}
    75. 

  75.     .date-picker-wrapper .month-wrapper table{width:266px;float:left;}
    76. 

  76.     .date-picker-wrapper .month-wrapper table.month2{width:266px;float:right;}
    77. 

  77. }
    78. 

  78. @media screen and (max-width:768px){
    79. 

  79.     .date-picker-wrapper{position:fixed;left:0px!important;top:0px!important;background-color:#fff;overflow:scroll;box-sizing:border-box;width:100%!important;height:100%!important;z-index:99999;box-sizing:border-box;width:354px;padding:15px;}
    80. 

  80.     .date-picker-wrapper .mobile-wrapper{box-sizing:border-box;width:354px;padding:15px 15px 150px 15px;margin:0 auto;}
    81. 

  81.     .date-picker-wrapper .month-wrapper{padding-right:60px;}
    82. 

  82.     .date-picker-wrapper .month-wrapper table{width:266px;margin:0 auto 5px auto;position:relative;}
    83. 

  83.     .date-picker-wrapper .month-wrapper tr.caption{position:absolute;right:-50px;top:0;width:40px;}
    84. 

  84.     .date-picker-wrapper .drp_top-bar .apply-btn{color:#FFF;}
    85. 

  85.     .date-picker-wrapper .month-wrapper tr.caption th{display:block;border:none;}
    86. 

  86.     .date-picker-wrapper .month-wrapper tr.caption th.month-name{height:180px;width:18px;line-height:24px;border:none;}
    87. 

  87.     .date-picker-wrapper .month-wrapper .week-name th:last-of-type,.date-picker-wrapper .month-wrapper .week-name th:first-of-type{color:#e15616;}
    88. 

  88.     .date-picker-wrapper .drp_top-bar{border-top:1px #e15616 dotted;margin:40px auto 0;width:100%;box-sizing:border-box;}
    89. 

  89.     .date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{transform:rotate(90deg);}
    90. 

  90. }
    91.