Daniel@0: @import "../config.less";
Daniel@0: 
Daniel@0: .main-menu-bar {
Daniel@0:     .box-shadow(0px 2px 2px 0px rgba(0,0,0,0.4));
Daniel@0:     background: @main-menu--background-color;
Daniel@0:     
Daniel@0:     // ==================================
Daniel@0:     &__logo {
Daniel@0:         .cursor_std();
Daniel@0:         position: relative;
Daniel@0:         background: @main-menu--background-color;
Daniel@0:         width: auto;
Daniel@0:         float: left;
Daniel@0:         overflow: hidden;
Daniel@0:         height: @main-menu--height;
Daniel@0:         text-align: left;
Daniel@0:         color: #FFF;
Daniel@0:         padding-right: 5px;
Daniel@0:         font-size: @main-menu--height;
Daniel@0:         font-weight: 300;
Daniel@0:         line-height: @main-menu--height + @main-menu--logo-v-offset;
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ==================================
Daniel@0:     &__items {
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__items_block_help {
Daniel@0:         position: relative;
Daniel@0:         float: left;
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__items_block_undoredo {
Daniel@0:         position: absolute;
Daniel@0:         left: 30%;
Daniel@0:         padding-left: 30px; /* compensation for logo + help menu item */
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__items_block_misc {
Daniel@0:         position: absolute;
Daniel@0:         right: 0;
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__item {
Daniel@0:         float: left;
Daniel@0:         display: block;
Daniel@0:         height: @main-menu--height;
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__item a {
Daniel@0:         display: block;
Daniel@0:         color: #444;
Daniel@0:         .cursor_std();
Daniel@0:         text-decoration: none;
Daniel@0:         line-height: @main-menu--height;
Daniel@0:         height: @main-menu--height;
Daniel@0:         padding: 0 10px;
Daniel@0:     }
Daniel@0:     &__item a:active,
Daniel@0:     &__item_flashing {
Daniel@0:         background: #333;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__item a:focus {
Daniel@0:         outline: none;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__item_state_enabled a {
Daniel@0:         color: #ccc;
Daniel@0:         .cursor_action();
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__item_state_enabled a:hover {
Daniel@0:         color: #fff;
Daniel@0:         //background: #333;
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__item_state_enabled a:active,
Daniel@0:     &__item_state_enabled&__item_flashing a {
Daniel@0:         color: #fff;
Daniel@0:         background: #333;
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__item_location_last a {
Daniel@0:         padding-right: 15px;
Daniel@0:     }
Daniel@0:     
Daniel@0: 
Daniel@0:     // mode
Daniel@0:     @action_change-mode--width: 135px;
Daniel@0:     &__item_action_change-mode {
Daniel@0:         width: @action_change-mode--width;
Daniel@0:         //background: @config-grid--color;
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__item_action_change-mode a {
Daniel@0:         .cursor_action();
Daniel@0:         width: @action_change-mode--width;
Daniel@0:         color: #333;
Daniel@0:         display: none;
Daniel@0:         text-align: center;
Daniel@0:         padding-left: 0px;
Daniel@0:         padding-right: 0px;
Daniel@0:     }
Daniel@0:     &__item_action_change-mode a:hover {
Daniel@0:         color: #000;
Daniel@0:     }
Daniel@0:     &__item_mode_2recordings {
Daniel@0:     }
Daniel@0:     &__item_mode_2recordings &__item-a_mode_2recordings {
Daniel@0:         display: block;
Daniel@0:         background: @main-menu-bar--item-color_2recordings;
Daniel@0:     }
Daniel@0:     &__item_mode_2recordings &__item-a_mode_2recordings:active {
Daniel@0:         background: @main-menu-bar--item-color_2recordings_active;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__item_mode_2collections {
Daniel@0:     }
Daniel@0:     &__item_mode_2collections &__item-a_mode_2collections {
Daniel@0:         display: block;
Daniel@0:         background: @main-menu-bar--item-color_2collections;
Daniel@0:     }
Daniel@0:     &__item_mode_2collections &__item-a_mode_2collections:active {
Daniel@0:         background: @main-menu-bar--item-color_2collections_active;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__item_action_change-mode&__item_flashing {
Daniel@0:         opacity: 0.8;
Daniel@0:     }
Daniel@0:     &__item_action_change-mode&__item_flashing a {
Daniel@0:         color: rgba(255,255,255, 0.4);
Daniel@0:     }
Daniel@0: 
Daniel@0: }