42071db3293065fba4bffbd69f0f72580be46c12
[vnfsdk/refrepo.git] /
1 /*!
2  * Angular Material Design
3  * https://github.com/angular/material
4  * @license MIT
5  * v1.1.3
6  */
7 md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
8   line-height: 1rem;
9   height: auto;
10   padding: 28px;
11   padding-bottom: 12px; }
12
13 md-toolbar.md-has-open-menu {
14   position: relative;
15   z-index: 100; }
16
17 md-menu-bar {
18   padding: 0 20px;
19   display: block;
20   position: relative;
21   z-index: 2; }
22   md-menu-bar .md-menu {
23     display: inline-block;
24     padding: 0;
25     position: relative; }
26   md-menu-bar button {
27     font-size: 14px;
28     padding: 0 10px;
29     margin: 0;
30     border: 0;
31     background-color: transparent;
32     height: 40px; }
33   md-menu-bar md-backdrop.md-menu-backdrop {
34     z-index: -2; }
35
36 md-menu-content.md-menu-bar-menu.md-dense {
37   max-height: none;
38   padding: 16px 0; }
39   md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
40     position: relative; }
41     md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
42       position: absolute;
43       padding: 0;
44       width: 24px;
45       top: 6px;
46       left: 24px; }
47       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
48         left: auto;
49         right: 24px; }
50     md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
51       padding: 0 32px 0 64px; }
52       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
53         padding: 0 64px 0 32px; }
54   md-menu-content.md-menu-bar-menu.md-dense .md-button {
55     min-height: 0;
56     height: 32px; }
57     md-menu-content.md-menu-bar-menu.md-dense .md-button span {
58       float: left; }
59       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
60         float: right; }
61     md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
62       float: right;
63       margin: 0 8px; }
64       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
65         float: left; }
66   md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
67     margin: 8px 0; }
68   md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
69     text-align: left; }
70     [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
71       text-align: right; }
72   md-menu-content.md-menu-bar-menu.md-dense .md-menu {
73     padding: 0; }
74     md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
75       position: relative;
76       margin: 0;
77       width: 100%;
78       text-transform: none;
79       font-weight: normal;
80       border-radius: 0px;
81       padding-left: 16px; }
82       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
83         padding-left: 0;
84         padding-right: 16px; }
85       md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
86         display: block;
87         content: '\25BC';
88         position: absolute;
89         top: 0px;
90         speak: none;
91         -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
92                 transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
93         right: 28px; }
94         [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
95           -webkit-transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
96                   transform: rotate(90deg) scaleY(0.45) scaleX(0.9); }
97         [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
98           right: auto;
99           left: 28px; }