aboutsummaryrefslogtreecommitdiff
path: root/scss/imports/scss/_MenuUI.scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss/imports/scss/_MenuUI.scss')
-rwxr-xr-xscss/imports/scss/_MenuUI.scss75
1 files changed, 75 insertions, 0 deletions
diff --git a/scss/imports/scss/_MenuUI.scss b/scss/imports/scss/_MenuUI.scss
new file mode 100755
index 00000000..e1fb149a
--- /dev/null
+++ b/scss/imports/scss/_MenuUI.scss
@@ -0,0 +1,75 @@
1// <copyright>
2// This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5// </copyright>
6
7// MenuUI.scss
8// Styles governing the main dropdown menu.
9// Note that colors and font definitions go in
10// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
11
12.menuBar {
13 width:100%;
14 border-style: solid;
15 border-width: 1px;
16 height: 22px;
17 color: $color-menu-text;
18 background: $color-menu-bg;
19 border-color: $color-menu-border;
20}
21
22.menuBar ul {
23 list-style: none;
24 margin: 0;
25 padding: 0;
26 float: left;
27 cursor: default;
28}
29
30.menuBar li {
31 font-size: 9pt;
32 padding: 4px 10px;
33 display: block;
34 position: relative;
35 background : $color-menu-bg;
36 color : $color-menu-text;
37}
38
39.menuBar li li {
40 width: 10em;
41}
42.menuBar li:hover {
43 background : $color-menu-hilite-bg;
44 color : $color-menu-hilite-text;
45}
46
47.menuBar li:active {
48 background : $color-menu-active-bg;
49}
50
51// Styles for positioning and display
52Supports fly-out of sub-menus two levels deep only
53
54.menuBar ul ul {
55 position: absolute;
56 z-index: 500;
57}
58
59.menuBar ul ul ul {
60 position: absolute;
61 top: 0;
62 left: 100%;
63}
64
65nav.menuBar ul ul,
66nav.menuBar ul li:hover ul ul,
67nav.menuBar ul ul li:hover ul ul {
68 display: none;
69}
70
71nav.menuBar ul li:hover ul,
72nav.menuBar ul ul li:hover ul,
73nav.menuBar ul ul ul li:hover ul {
74 display: block;
75} \ No newline at end of file