not really known
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.

59 lines
1.1 KiB

  1. .enyo-list-pulldown {
  2. position: absolute;
  3. bottom: 100%;
  4. left: 0;
  5. right: 0;
  6. }
  7. .enyo-puller {
  8. position: relative;
  9. height: 50px;
  10. font-size: 22px;
  11. color: #444;
  12. padding: 20px 0 0px 34px;
  13. }
  14. .enyo-puller-text {
  15. position: absolute;
  16. left: 80px;
  17. top: 22px;
  18. }
  19. .enyo-puller-arrow {
  20. position: relative;
  21. background: #444;
  22. width: 7px;
  23. height: 28px;
  24. transition: transform 0.3s;
  25. -webkit-transition: -webkit-transform 0.3s;
  26. -moz-transition: -moz-transform 0.3s;
  27. -o-transition: -o-transform 0.3s;
  28. -ms-transition: -ms-transform 0.3s;
  29. }
  30. .enyo-puller-arrow:after {
  31. content: " ";
  32. height: 0;
  33. width: 0;
  34. position: absolute;
  35. border: 10px solid transparent;
  36. border-bottom-color: #444;
  37. bottom: 100%;
  38. left: 50%;
  39. margin-left: -10px;
  40. }
  41. .enyo-puller-arrow-up {
  42. transform: rotate(0deg);
  43. -webkit-transform: rotate(0deg);
  44. -moz-transform: rotate(0deg);
  45. -o-transform: rotate(0deg);
  46. -ms-transform: rotate(0deg);
  47. }
  48. .enyo-puller-arrow-down {
  49. transform: rotate(180deg);
  50. -webkit-transform: rotate(180deg);
  51. -moz-transform: rotate(180deg);
  52. -o-transform: rotate(180deg);
  53. -ms-transform: rotate(180deg);
  54. }