1 2.flat .dijitMenu { 3 background: #fff; 4 border: 1px solid #9e9e9e; 5 border-radius: 3px; 6 margin: 0; 7 -webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); 8 box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); 9} 10.flat .dijitMenuTable, 11.flat .dijitComboBoxMenu { 12 padding: 8px 0; 13} 14.flat .dijitComboBoxMenu { 15 margin-left: 0; 16 background-image: none; 17} 18.flat .dijitMenuTable { 19 border-collapse: separate; 20 border-spacing: 0 0; 21} 22.flat .dijitMenuItem, 23.flat .dijitMenuItem td { 24 line-height: 20px; 25 padding: 8px; 26 white-space: nowrap; 27} 28.flat .dijitMenuItemHover td, 29.flat .dijitMenuItemHover { 30 color: #fff; 31 background-color: #2196f3; 32} 33.flat .dijitMenuItemActive td, 34.flat .dijitMenuItemActive { 35 color: #fff; 36 background-color: #2196f3; 37} 38.flat .dijitMenuItemSelected td, 39.flat .dijitMenuItemSelected { 40 color: #fff; 41 background-color: #2196f3; 42} 43.flat .dijitMenuItemDisabled { 44 color: #9e9e9e; 45} 46.flat .dijitMenuItemDisabled.dijitMenuItemSelected td, 47.flat .dijitMenuItemDisabled.dijitMenuItemSelected { 48 color: #f2f2f2; 49 background: #6fbbf7; 50} 51.flat .dijitMenuSeparatorTop { 52 height: auto; 53 margin-top: 1px; 54 border-bottom: 1px solid #9e9e9e; 55} 56.flat .dijitMenuSeparatorBottom { 57 height: auto; 58 margin-bottom: 1px; 59 border-top: 1px solid transparent; 60} 61.flat td.dijitMenuItemIconCell { 62 padding: 4px; 63 margin: 0 0 0 4px; 64 text-align: center; 65} 66.flat .dijitMenuExpand { 67 font-family: "flat-icon"; 68 speak: none; 69 font-style: normal; 70 font-weight: normal; 71 font-variant: normal; 72 text-transform: none; 73 line-height: 1; 74 font-size: 16px; 75 -webkit-font-smoothing: antialiased; 76 -moz-osx-font-smoothing: grayscale; 77} 78.flat .dijitMenuExpand:before { 79 content: "\f001"; 80} 81.flat .dijitCheckedMenuItemIconChar { 82 display: none; 83} 84.flat .dijitMenuPreviousButton, 85.flat .dijitMenuNextButton { 86 font-style: italic; 87} 88.flat .dijitMenuBar { 89 margin: 0; 90 padding: 0; 91 background-color: #f5f5f5; 92} 93.flat .dijitMenuBar .dijitMenuItem { 94 padding: 8px 12px; 95 margin: 0; 96} 97.flat .dijitMenuBar .dijitMenuItemHover { 98 color: #fff; 99 background-color: #2196f3; 100} 101.flat .dijitMenuBar .dijitMenuItemActive { 102 color: #fff; 103 background-color: #2196f3; 104} 105.flat .dijitMenuBar .dijitMenuItemSelected, 106.flat .dijitMenuBar .dijitMenuItemHover.dijitMenuItemSelected, 107.flat .dijitMenuBar .dijitMenuItemActive.dijitMenuItemSelected { 108 color: #fff; 109 background-color: #2196f3; 110} 111.flat .dijitMenuBar .dijitMenuItemDisabled.dijitMenuItemSelected { 112 color: #f2f2f2; 113 background: #6fbbf7; 114} 115.flat .dijitMenuPopup { 116 border-top-left-radius: 0; 117 border-top-right-radius: 0; 118} 119.flat .dijitMenuPopup .dijitMenu { 120 border-top-left-radius: 0; 121 border-top-right-radius: 0; 122} 123.flat .dijitMenuPopup .dijitMenuItem, 124.flat .dijitMenuPopup .dijitMenuItem td { 125 padding: 8px; 126} 127