play-13.12.21.min.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. .a10-playMenu {
  2. position: absolute;
  3. display: block!important;
  4. top: 0;
  5. left: 0;
  6. text-align: left;
  7. font-family: "Arial Black",Arial,Gadget,sans-serif;
  8. font-weight: 900;
  9. font-size: 25px;
  10. line-height: normal;
  11. color: #fff;
  12. width: 60px;
  13. height: 60px;
  14. -webkit-transition: width .5s;
  15. transition: width .5s;
  16. overflow: hidden;
  17. z-index: 999999;
  18. }
  19. .a10-playMenu a {
  20. text-decoration: none;
  21. color: inherit;
  22. }
  23. .a10-playMenu img {
  24. border: 0;
  25. }
  26. .a10-playMenu a:hover {
  27. text-decoration: underline;
  28. }
  29. .a10-playMenu .a10-playMenuHeader {
  30. position: static;
  31. background-color: #004060;
  32. background-color: rgba(0,64,96,0.5);
  33. -webkit-transition: background-color .5s;
  34. transition: background-color .5s;
  35. height: 60px;
  36. }
  37. .a10-playMenu .a10-playMenuButton {
  38. position: absolute;
  39. font-size: 40px;
  40. padding: 0 10px;
  41. cursor: pointer;
  42. width: 40px;
  43. height: 40px;
  44. line-height: 40px;
  45. top: 7px;
  46. }
  47. .a10-playMenu .a10-playMenuLogo {
  48. position: absolute;
  49. top: 0;
  50. left: 60px;
  51. width: 150px;
  52. height: 50px;
  53. margin-left: -8px;
  54. }
  55. .a10-playMenu .a10-playMenuBody {
  56. position: static;
  57. background-color: #0e93cb;
  58. opacity: 0;
  59. -webkit-transition: opacity .5s;
  60. transition: opacity .5s;
  61. width: 360px;
  62. }
  63. .a10-playMenu .a10-playMenuItems {
  64. list-style-type: none;
  65. margin: 0;
  66. padding: 0;
  67. }
  68. .a10-playMenu .a10-playMenuItems li {
  69. border-top: 2px solid #000;
  70. padding-left: 12px;
  71. white-space: nowrap;
  72. overflow: hidden;
  73. text-overflow: ellipsis;
  74. }
  75. /* .a10-playMenu .a10-playMenuItems i,img {
  76. margin-right: 16px;
  77. } */
  78. .a10-playMenu .a10-playMenuItems img {
  79. width: 32px;
  80. }
  81. .a10-playMenu.a10-open {
  82. width: 360px;
  83. height: auto;
  84. }
  85. .a10-playMenu.a10-open .a10-playMenuHeader {
  86. background-color: #004060;
  87. }
  88. .a10-playMenu.a10-open .a10-playMenuBody {
  89. opacity: 1;
  90. }
  91. .a10-playMenu.a10-loading,.a10-playMenu.a10-loading * {
  92. -webkit-transition: none!important;
  93. transition: none!important;
  94. }
  95. .a10-playMenu.a10-top {
  96. // default;
  97. }
  98. .a10-playMenu.a10-bottom {
  99. top: auto;
  100. bottom: 0;
  101. }
  102. .a10-playMenu.a10-left {
  103. // default;
  104. }
  105. .a10-playMenu.a10-right {
  106. left: auto;
  107. right: 0;
  108. }