#rft { &.claro { //Index menu .rftIndexMenuBlock { width: @mm_blockwidth; height: @mm_blockheight; background: @base1; float: left; margin: @mm_blockmargin; overflow: hidden; &:hover .rftIndexMenuMask { margin-top: -@mm_blockheight; } } .rftIndexMenuMask { width: @mm_blockwidth; height: @mm_blockheight; background: @base1; color: @headers; margin-top: 0; .label { color: @headers; font-size: @mm_font_size; height: @mm_font_size; line-height: @mm_font_size; margin-top: (@mm_blockheight - @mm_font_size) / 2; float: left; } .rftIcon { .setIcon(32px); float: left; margin: ((@mm_blockheight - @mm_font_size)/2) 8px 0 8px; } } //Topbar dropdown menu .dijitMenuPopup { .dijitMenu { .flatShading; color: @headers; border: none; .dijitMenuItem { color: @headers; .flatShading; background-color: transparent; &.dijitMenuItemHover, &.dijitMenuItemActive, &.dijitMenuItemSelected { .dijitMenuItemLabel { color: @text; } } .rftIcon { .setIcon (16px); .noMargin; margin-right: @std_offset_big; } &.dijitMenuItemActive .rftIcon { .setIcon(16px, black); } } } } //Main menu .dijitMenuBar .rftMainMenuButton { .flatShading; .transition (0.1s); border: none; height: @button_mainmenu_height; width: auto; background: transparent; color: @headers; text-align: center; font-size: @button_mainmenu_font_size; line-height: @button_mainmenu_height; padding: 0 @button_mainmenu_padding; margin: 0 @button_mainmenu_spacing; &.dijitMenuItemHover, &.dijitMenuitemActive { .transition (0.1s); } &.dijitMenuItemHover { color: @text; font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow; } &.dijitMenuItemActive { color: @blue; font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow; } &.dijitMenuItemSelected { font-size: @button_mainmenu_font_size + @button_mainmenu_font_grow; color: @text; } } } }