menubutton.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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: #eaf2ff;
  15. color: #000000;
  16. border: 1px solid #b7d2ff;
  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: 5px 5px 5px 5px;
  26. -webkit-border-radius: 5px 5px 5px 5px;
  27. border-radius: 5px 5px 5px 5px;
  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: #aac5e7;
  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: #b7d2ff;
  92. background-color: #eaf2ff;
  93. color: #000000;
  94. }