arnaucube
arnaucube/socketioMEANseedPublic Self-hosted repository
socketioMEANseed/www/bower_components/angular-material/modules/closure/menuBar/menuBar.css
www/bower_components/angular-material/modules/closure/menuBar/menuBar.cssRaw
 1/*!
 2 * Angular Material Design
 3 * https://github.com/angular/material
 4 * @license MIT
 5 * v1.1.3
 6 */
 7md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
 8  line-height: 1rem;
 9  height: auto;
10  padding: 28px;
11  padding-bottom: 12px; }
12
13md-toolbar.md-has-open-menu {
14  position: relative;
15  z-index: 100; }
16
17md-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
36md-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; }