diff options
author | Pierre Frisch | 2011-12-22 07:25:50 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-01-27 11:18:17 -0800 |
commit | b89a7ee8b956c96a1dcee995ea840feddc5d4b27 (patch) | |
tree | 0f3136ab0ecdbbbed6a83576581af0a53124d6f1 /_scss/imports/scss/_MenuUI.scss | |
parent | 2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff) | |
download | ninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz |
First commit of Ninja to ninja-internal
Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
Diffstat (limited to '_scss/imports/scss/_MenuUI.scss')
-rw-r--r-- | _scss/imports/scss/_MenuUI.scss | 76 |
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 | ||
53 | Supports 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 | |||
66 | nav.menuBar ul ul, | ||
67 | nav.menuBar ul li:hover ul ul, | ||
68 | nav.menuBar ul ul li:hover ul ul { | ||
69 | display: none; | ||
70 | } | ||
71 | |||
72 | nav.menuBar ul li:hover ul, | ||
73 | nav.menuBar ul ul li:hover ul, | ||
74 | nav.menuBar ul ul ul li:hover ul { | ||
75 | display: block; | ||
76 | } \ No newline at end of file | ||