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