annotate src/DML/MainVisBundle/Resources/assets/bem-blocks/main-menu-bar.less @ 1:f38015048f48 tip

Added GPL
author Daniel Wolff
date Sat, 13 Feb 2016 20:43:38 +0100
parents 493bcb69166c
children
rev   line source
Daniel@0 1 @import "../config.less";
Daniel@0 2
Daniel@0 3 .main-menu-bar {
Daniel@0 4 .box-shadow(0px 2px 2px 0px rgba(0,0,0,0.4));
Daniel@0 5 background: @main-menu--background-color;
Daniel@0 6
Daniel@0 7 // ==================================
Daniel@0 8 &__logo {
Daniel@0 9 .cursor_std();
Daniel@0 10 position: relative;
Daniel@0 11 background: @main-menu--background-color;
Daniel@0 12 width: auto;
Daniel@0 13 float: left;
Daniel@0 14 overflow: hidden;
Daniel@0 15 height: @main-menu--height;
Daniel@0 16 text-align: left;
Daniel@0 17 color: #FFF;
Daniel@0 18 padding-right: 5px;
Daniel@0 19 font-size: @main-menu--height;
Daniel@0 20 font-weight: 300;
Daniel@0 21 line-height: @main-menu--height + @main-menu--logo-v-offset;
Daniel@0 22 }
Daniel@0 23
Daniel@0 24 // ==================================
Daniel@0 25 &__items {
Daniel@0 26 }
Daniel@0 27
Daniel@0 28 &__items_block_help {
Daniel@0 29 position: relative;
Daniel@0 30 float: left;
Daniel@0 31 }
Daniel@0 32
Daniel@0 33 &__items_block_undoredo {
Daniel@0 34 position: absolute;
Daniel@0 35 left: 30%;
Daniel@0 36 padding-left: 30px; /* compensation for logo + help menu item */
Daniel@0 37 }
Daniel@0 38
Daniel@0 39 &__items_block_misc {
Daniel@0 40 position: absolute;
Daniel@0 41 right: 0;
Daniel@0 42 }
Daniel@0 43
Daniel@0 44 // ==================================
Daniel@0 45 &__item {
Daniel@0 46 float: left;
Daniel@0 47 display: block;
Daniel@0 48 height: @main-menu--height;
Daniel@0 49 }
Daniel@0 50
Daniel@0 51 // ==================================
Daniel@0 52 &__item a {
Daniel@0 53 display: block;
Daniel@0 54 color: #444;
Daniel@0 55 .cursor_std();
Daniel@0 56 text-decoration: none;
Daniel@0 57 line-height: @main-menu--height;
Daniel@0 58 height: @main-menu--height;
Daniel@0 59 padding: 0 10px;
Daniel@0 60 }
Daniel@0 61 &__item a:active,
Daniel@0 62 &__item_flashing {
Daniel@0 63 background: #333;
Daniel@0 64 }
Daniel@0 65
Daniel@0 66 &__item a:focus {
Daniel@0 67 outline: none;
Daniel@0 68 }
Daniel@0 69
Daniel@0 70 &__item_state_enabled a {
Daniel@0 71 color: #ccc;
Daniel@0 72 .cursor_action();
Daniel@0 73 }
Daniel@0 74
Daniel@0 75 &__item_state_enabled a:hover {
Daniel@0 76 color: #fff;
Daniel@0 77 //background: #333;
Daniel@0 78 }
Daniel@0 79
Daniel@0 80 &__item_state_enabled a:active,
Daniel@0 81 &__item_state_enabled&__item_flashing a {
Daniel@0 82 color: #fff;
Daniel@0 83 background: #333;
Daniel@0 84 }
Daniel@0 85
Daniel@0 86 &__item_location_last a {
Daniel@0 87 padding-right: 15px;
Daniel@0 88 }
Daniel@0 89
Daniel@0 90
Daniel@0 91 // mode
Daniel@0 92 @action_change-mode--width: 135px;
Daniel@0 93 &__item_action_change-mode {
Daniel@0 94 width: @action_change-mode--width;
Daniel@0 95 //background: @config-grid--color;
Daniel@0 96 }
Daniel@0 97
Daniel@0 98 &__item_action_change-mode a {
Daniel@0 99 .cursor_action();
Daniel@0 100 width: @action_change-mode--width;
Daniel@0 101 color: #333;
Daniel@0 102 display: none;
Daniel@0 103 text-align: center;
Daniel@0 104 padding-left: 0px;
Daniel@0 105 padding-right: 0px;
Daniel@0 106 }
Daniel@0 107 &__item_action_change-mode a:hover {
Daniel@0 108 color: #000;
Daniel@0 109 }
Daniel@0 110 &__item_mode_2recordings {
Daniel@0 111 }
Daniel@0 112 &__item_mode_2recordings &__item-a_mode_2recordings {
Daniel@0 113 display: block;
Daniel@0 114 background: @main-menu-bar--item-color_2recordings;
Daniel@0 115 }
Daniel@0 116 &__item_mode_2recordings &__item-a_mode_2recordings:active {
Daniel@0 117 background: @main-menu-bar--item-color_2recordings_active;
Daniel@0 118 }
Daniel@0 119
Daniel@0 120 &__item_mode_2collections {
Daniel@0 121 }
Daniel@0 122 &__item_mode_2collections &__item-a_mode_2collections {
Daniel@0 123 display: block;
Daniel@0 124 background: @main-menu-bar--item-color_2collections;
Daniel@0 125 }
Daniel@0 126 &__item_mode_2collections &__item-a_mode_2collections:active {
Daniel@0 127 background: @main-menu-bar--item-color_2collections_active;
Daniel@0 128 }
Daniel@0 129
Daniel@0 130 &__item_action_change-mode&__item_flashing {
Daniel@0 131 opacity: 0.8;
Daniel@0 132 }
Daniel@0 133 &__item_action_change-mode&__item_flashing a {
Daniel@0 134 color: rgba(255,255,255, 0.4);
Daniel@0 135 }
Daniel@0 136
Daniel@0 137 }