menubutton.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. .m-btn-downarrow, .s-btn-downarrow {
  2. display: inline-block;
  3. position: absolute;
  4. width: 16px;
  5. height: 16px;
  6. font-size: 1px;
  7. right: 0;
  8. top: 50%;
  9. margin-top: -8px;
  10. }
  11. .m-btn-active, .s-btn-active {
  12. background: #fff0e7;
  13. color: #404040;
  14. border: 1px solid #fff0e7;
  15. filter: none;
  16. }
  17. .m-btn-plain-active, .s-btn-plain-active {
  18. background: transparent;
  19. padding: 0;
  20. border-width: 1px;
  21. border-style: solid;
  22. -moz-border-radius: 0px 0px 0px 0px;
  23. -webkit-border-radius: 0px 0px 0px 0px;
  24. border-radius: 0px 0px 0px 0px;
  25. }
  26. .m-btn .l-btn-left .l-btn-text {
  27. margin-right: 20px;
  28. }
  29. .m-btn .l-btn-icon-right .l-btn-text {
  30. margin-right: 40px;
  31. }
  32. .m-btn .l-btn-icon-right .l-btn-icon {
  33. right: 20px;
  34. }
  35. .m-btn .l-btn-icon-top .l-btn-text {
  36. margin-right: 4px;
  37. margin-bottom: 14px;
  38. }
  39. .m-btn .l-btn-icon-bottom .l-btn-text {
  40. margin-right: 4px;
  41. margin-bottom: 34px;
  42. }
  43. .m-btn .l-btn-icon-bottom .l-btn-icon {
  44. top: auto;
  45. bottom: 20px;
  46. }
  47. .m-btn .l-btn-icon-top .m-btn-downarrow, .m-btn .l-btn-icon-bottom .m-btn-downarrow
  48. {
  49. top: auto;
  50. bottom: 0px;
  51. left: 50%;
  52. margin-left: -8px;
  53. }
  54. .m-btn-line {
  55. display: inline-block;
  56. position: absolute;
  57. font-size: 1px;
  58. display: none;
  59. }
  60. .m-btn .l-btn-left .m-btn-line {
  61. right: 0;
  62. width: 16px;
  63. height: 500px;
  64. border-style: solid;
  65. border-color: #c75252;
  66. border-width: 0 0 0 1px;
  67. }
  68. .m-btn .l-btn-icon-top .m-btn-line, .m-btn .l-btn-icon-bottom .m-btn-line
  69. {
  70. left: 0;
  71. bottom: 0;
  72. width: 500px;
  73. height: 16px;
  74. border-width: 1px 0 0 0;
  75. }
  76. .m-btn-large .l-btn-icon-right .l-btn-text {
  77. margin-right: 56px;
  78. }
  79. .m-btn-large .l-btn-icon-bottom .l-btn-text {
  80. margin-bottom: 50px;
  81. }
  82. .m-btn-downarrow, .s-btn-downarrow {
  83. background: url('images/menu_arrows.png') no-repeat 0 center;
  84. }
  85. .m-btn-plain-active, .s-btn-plain-active {
  86. border-color: #fff0e7;
  87. background-color: #fff0e7;
  88. color: #404040;
  89. }