d2e97a329fd35c0960ad8b52cc403e1e378e346e
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / visual / module_menu.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2 Module menu
3
4 - - - - - - - - - - - - - - - - - - - - - */
5
6 #typo3-module-menu {
7 background: #dddddd;
8 background-image: -moz-linear-gradient(top, #bdbdbd, 100px #dddddd);
9 background-image: -webkit-gradient(linear, 0 0, 0 25%, color-stop(0, #bdbdbd), color-stop(1, #dddddd));
10 background-image: linear-gradient(top, #bdbdbd, 100px #dddddd);
11 }
12
13 /**
14 * Shadow on the right side of the module menu.
15 */
16 #typo3-module-menu,
17 #typo3-menu li.menuSection li a:hover {
18 background-image: url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==");
19 /* star-hack targets IE6+7 */
20 *background-image: url("../../images/backgrounds/module-menu-right.png");
21 background-position: right;
22 background-repeat: repeat-y;
23 }
24
25 #typo3-module-menu .x-panel-body {
26 background-color: transparent;
27 }
28
29 #typo3-menu,
30 #typo3-menu ul {
31 list-style: none;
32 }
33
34 #typo3-menu a {
35 color: #1e2121;
36 outline: 0;
37 }
38
39 #typo3-menu > li {
40 border-bottom: 1px solid #c7c7c7;
41 border-bottom-right-radius: 3px;
42 -moz-border-radius-bottomright: 3px;
43 -webkit-border-bottom-right-radius: 3px;
44 }
45
46 #typo3-menu > li:last-child {
47 border-bottom: none;
48 }
49
50 /* hovered menu item */
51 #typo3-menu li.menuSection li a:hover,
52 #typo3-menu li.highlighted a {
53 border-top: 1px solid #b8b8b8;
54 border-bottom: 1px solid #b8b8b8;
55 }
56
57 #typo3-menu li.menuSection li a:hover {
58 background-color: #e8e8e8;
59 }
60
61 /* active menu item */
62 #typo3-menu li.highlighted {
63 font-weight: bold;
64 }
65
66 #typo3-menu li.highlighted a,
67 #typo3-menu li.menuSection li.highlighted a:hover,
68 .no-boxshadow #typo3-menu li.menuSection li.highlighted a:hover {
69 background-color: #ebebeb;
70 background-image: none;
71 -moz-box-shadow: none;
72 -ms-box-shadow: none;
73 -webkit-box-shadow: none;
74 box-shadow: none;
75 }
76
77 #typo3-menu li div.modgroup {
78 color: #252524;
79 cursor: pointer;
80 font-weight: bold;
81 text-transform: uppercase;
82 }
83
84 #typo3-menu li div.collapsed {
85 background-image: url('../../images/arrows/module-menu-right.png');
86 background-position: 5px 5px;
87 background-repeat: no-repeat;
88 }
89
90 #typo3-menu li div.expanded {
91 background-image: url('../../images/arrows/module-menu-down.png');
92 background-position: 4px 7px;
93 background-repeat: no-repeat;
94 }
95
96 #typo3-menu li ul li {
97 cursor: pointer;
98 font-weight: normal;
99 line-height: 15px;
100 }
101
102 #typo3-menu li ul li a {
103 text-decoration: none;
104 }