menubutton.css 1.8 KB

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