ui-rs-client.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .ui-rsc-filter-pos
  2. {
  3. position:absolute;
  4. right:0.5em;
  5. top:0.5em;
  6. height:1.7em;
  7. width:1.7em;
  8. z-index:3;
  9. }
  10. .ui-rsc-filter-btn
  11. {
  12. position:absolute;
  13. left:0em;
  14. bottom:0em;
  15. width:100%;
  16. height:100%;
  17. }
  18. .ui-rsc-filter-bg
  19. {
  20. position:absolute;
  21. right:-1em;top:1.6em;
  22. width:9.1875em;height:8.0625em;
  23. background-image:url(res-rs-client/filterbg.png);
  24. background-repeat:no-repeat;
  25. background-size:cover;
  26. border-radius:0.5em;
  27. z-index:3;
  28. padding:1em;
  29. }
  30. .ui-rsc-filter-btn-bg
  31. {
  32. position:absolute;
  33. width:100%;height:100%;
  34. background-size:cover;
  35. background-position:center;
  36. background-repeat:no-repeat;
  37. background-image:url(res-rs-client/filter.png);
  38. }
  39. .ui-rsc-filter-item
  40. {
  41. color:white;text-shadow:0 1px 1px black;
  42. }
  43. input[type=checkbox]:checked+div>div.ui-rsc-anim1
  44. {
  45. opacity:0.5;
  46. -webkit-transition: all 0.5s ease-in-out;
  47. -webkit-transform:scale(1,1);
  48. }
  49. input[type=checkbox]+div>div.ui-rsc-anim1
  50. {
  51. opacity:1;
  52. -webkit-transition: all 0.5s ease-in-out;
  53. -webkit-transform:scale(1,1);
  54. }
  55. input[type=checkbox]:checked+div>div.ui-rsc-anim2
  56. {
  57. opacity:1;
  58. -webkit-transition: all 0.5s ease-in-out;
  59. -webkit-transform:scale(1,1)
  60. }
  61. input[type=checkbox]+div>div.ui-rsc-anim2
  62. {
  63. opacity:0;
  64. -webkit-transition: all 0.5s ease-in-out;
  65. -webkit-transform:scale(0,0)
  66. }
  67. input[type=radio]:checked+div.ui-rsc-select
  68. {
  69. color: #fff;
  70. background:#206BBE;
  71. -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4);
  72. box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4);
  73. }