module_filter_tab-rtl.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. #module-filter-tabs {
  2. float: right;
  3. }
  4. #module-filter-tabs li.selected a,
  5. #module-filter-tabs li.selected a:hover,
  6. #module-filter-tabs li.selected a:focus,
  7. #module-filter-tabs li.selected a:active {
  8. background-color: #fff;
  9. margin-left: -1px;
  10. margin-right: 0;
  11. }
  12. .admin-operations {
  13. float: left;
  14. }
  15. #module-filter-modules {
  16. margin-right: 240px;
  17. }
  18. html.js .toggle-enable {
  19. background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(50%, red), color-stop(50%, orange), color-stop(100%, orange));
  20. background-image: -moz-linear-gradient(right, red 50%, orange 50%, orange 100%);
  21. background-image: linear-gradient(right, red 50%, orange 50%, orange 100%);
  22. }
  23. html.js .toggle-enable.enabled {
  24. background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(50%, orange), color-stop(50%, green), color-stop(100%, green));
  25. background-image: -moz-linear-gradient(right, orange 50%, green 50%, green 100%);
  26. background-image: linear-gradient(right, orange 50%, green 50%, green 100%);
  27. }
  28. html.js .toggle-enable.disabled {
  29. background: #ccc;
  30. border-color: #ddd;
  31. cursor: auto;
  32. }
  33. html.js .toggle-enable.disabled div {
  34. background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #FEFEFE), color-stop(100%, #EEEEEE));
  35. background-image: -moz-linear-gradient(top, #FEFEFE 0%, #EEEEEE 100%);
  36. background-image: linear-gradient(top, #FEFEFE 0%, #EEEEEE 100%);
  37. }
  38. html.js .toggle-enable div {
  39. -webkit-transition: right 0.2s;
  40. -mox-transition: right 0.2s;
  41. -o-transition: right 0.2s;
  42. transition: right 0.2s;
  43. }
  44. html.js .toggle-enable div:before {
  45. content: "ON";
  46. left: -24px;
  47. }
  48. html.js .toggle-enable div:after {
  49. content: "OFF";
  50. left: -24px;
  51. }
  52. html.js .toggle-enable.off div {
  53. right: 24px;
  54. }