Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 667da13f

Von Moritz Bunkus vor fast 8 Jahren hinzugefügt

  • ID 667da13fe922194e3dbbaa30662754b30e4ca826
  • Vorgänger 99a7753d
  • Nachfolger c2091a1c

CSS: Unix-style newlines für kivitendo DHTML-Menü

Unterschiede anzeigen:

css/kivitendo/dhtmlsuite/menu-bar.css
1
/************************************************************************************************************
2

  
3
	DHTML Suite for Applications
4
	(C) www.dhtmlgoodies.com, August 2006
5

  
6
	CSS for the DHTMLsuite_tableWidget class.
7

  
8
	Terms of use:
9
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
10

  
11
	Thank you!
12

  
13
	www.dhtmlgoodies.com
14
	Alf Magne Kalleland
15

  
16
************************************************************************************************************/
17

  
18
.DHTMLSuite_menuBar_top{	/* The bar that is parent of the menu strip */
19
	height:26px;
20
	width:100%;
21
	background-repeat:repeat-x;
22
	font-family: sans-serif, Verdana, Arial, Helvetica;
23
	font-size:12px;
24
	z-index:100000;
25
	padding-left:10px;
26
}
27

  
28
.DHTMLSuite_menuBar_sub{
29
	position:absolute;
30
	background-color:#FFF;
31
	border:1px solid #D1D1D1;
32
	background-repeat:repeat-y;
33
	background-position: left center;
34
	display:inline;
35
}
36

  
1
/************************************************************************************************************
2

  
3
	DHTML Suite for Applications
4
	(C) www.dhtmlgoodies.com, August 2006
5

  
6
	CSS for the DHTMLsuite_tableWidget class.
7

  
8
	Terms of use:
9
	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
10

  
11
	Thank you!
12

  
13
	www.dhtmlgoodies.com
14
	Alf Magne Kalleland
15

  
16
************************************************************************************************************/
17

  
18
.DHTMLSuite_menuBar_top{	/* The bar that is parent of the menu strip */
19
	height:26px;
20
	width:100%;
21
	background-repeat:repeat-x;
22
	font-family: sans-serif, Verdana, Arial, Helvetica;
23
	font-size:12px;
24
	z-index:100000;
25
	padding-left:10px;
26
}
27

  
28
.DHTMLSuite_menuBar_sub{
29
	position:absolute;
30
	background-color:#FFF;
31
	border:1px solid #D1D1D1;
32
	background-repeat:repeat-y;
33
	background-position: left center;
34
	display:inline;
35
}
36

  
css/kivitendo/dhtmlsuite/menu-item.css
1
/* CSS FOR MENU ITEM OF TYPE "top" */
2

  
3
.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
4
	height:19px;
5
	line-height:16px;
6
	margin-right:2px;
7
	margin-top:1px;
8
	padding-left:4px;
9
	padding-right:4px;
10
	padding-top:2px;
11
	padding-bottom:2px;
12
}
13
.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
14
	padding-top:2px;
15
	padding-bottom:2px;
16
}
17
.DHTMLSuite_menuItem_top_regular{	/* Top level menu item - Regular state */
18
	cursor:pointer;
19
}
20

  
21
.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
22
	color:#FE5F14;
23
	background-color:#D1D1D1;
24
	cursor:pointer;
25
}
26

  
27
.DHTMLSuite_menuItem_top_active{	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
28
	cursor:pointer;
29
}
30

  
31
.DHTMLSuite_menuItem_top_click{	/* Top level menu item - Mouse click state */
32
	color:#FE5F14;
33
	background-color:#D1D1D1;
34
	cursor:pointer;
35
	z-index:20000;
36
}
37

  
38
.DHTMLSuite_menuItem_top_disabled{	/* Disabled menu item */
39
	cursor:default;
40
}
41

  
42
.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
43
	filter:alpha(opacity=40);	/* Transparency */
44
	opacity:0.4;	/* Transparency */
45
	-moz-opacity:0.4;	/* Transparency */
46
	-khtml-opacity:.4;	/* Transparency */
47
}
48

  
49
.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{	/* divs for the text,icon and arrow of a menu item */
50
	float:left;
51
	padding-left:1px;
52
	padding-right:1px;
53
}
54

  
55
/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
56
.DHTMLSuite_menuItem_top_arrowShowSub{	/* This is the arrow for top level elements */
57
	width:12px;	/* Width of item */
58
	background-repeat:no-repeat;	/* No background repeat for the arrow */
59
	background-position:center center;	/* Position of the arrow. at the center of this div */
60
	background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png');	/* Relative path to the arrow */
61
	margin:0px;
62
	margin-right:-1px;	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
63
	padding:0px;
64
	height:16px;
65
	margin-left:2px;
66
	float:right;
67
}
68

  
69
.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
70
.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
71
{	/* Sub menu arrows */
72
	margin-left:1px;
73
	border-left:1px solid #000;
74
}
75

  
76
/* CSS FOR SEPARATOR */
77

  
78
.DHTMLSuite_menuItem_separator_top{	/* Separator of type "top" */
79
	height:20px;
80
	margin-top:3px;
81
	margin-bottom:3px;
82
	width:4px;
83
	padding-left:3px;
84
	padding-right:3px;
85
	background-repeat:repeat-y;
86
	background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');
87

  
88
}
89

  
90

  
91
/* CSS FOR MENU ITEM OF TYPE "sub" */
92

  
93
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
94
	clear:both;
95
	line-height:18px;	/* Height of menu item */
96
	height:18px;		/* Height of menu item */
97
	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
98
	padding-right:4px;	/* Space inside the menu item */
99
	padding-top:2px;	/* Space inside the menu item */
100
	padding-bottom:2px;	 /* Space inside the menu item */
101
	cursor:pointer;		/* Mouse cursor set to a "hand" */
102
	margin:1px;	/* A little space around the item */
103
	background-repeat:no-repeat;	/* No background repeat */
104
}
105
.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item */
106
	cursor:default;	/* Arrow as cursor instead of hand */
107
}
108
.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
109
	filter:alpha(opacity=40);	/* Transparency */
110
	opacity:0.4;	/* Transparency */
111
	-moz-opacity:0.4;	/* Transparency */
112
	-khtml-opacity:.4;	/* Transparency */
113
}
114
.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{	/* Regular menu item */
115
}
116

  
117
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
118
}
119

  
120
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */
121
	color:#FE5F14;
122
	background-color:#D1D1D1;
123
}
124

  
125
.DHTMLSuite_menuItem_sub_click{	/* Mouse click effect */
126
	color:#FE5F14;
127
	background-color:#D1D1D1;
128
}
129

  
130
.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{	/* divs for the text,icon and arrow of a menu item */
131
	float:left;		/* To get the icons and text of sub elements side by side */
132
	padding-left:1px;
133
	padding-right:1px;
134

  
135
}
136
.DHTMLSuite_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */
137
	position:absolute;	/* Never change this one */
138
	background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png');	/* Path relative to the css file */
139
	width:18px;
140
	height:18px;
141
	text-align:right;
142
	right:0px;
143
	background-repeat:no-repeat;	/* No background repeat */
144
	background-position: center right;	/* Position of arrow */
145
}
146

  
147

  
148
.DHTMLSuite_menuItem_separator_sub{	/* Separator of type "sub" */
149
	height:1px;	/* Height of separator */
150
	margin-top:1px;	/* Space above the separator */
151
	margin-bottom:1px;	/* Space below the separator */
152
	margin-left:24px;	/* left margin because we don't want the separator to cover the gradient */
153
	padding-right:3px;	/* space at the right of the separator */
154
	color:#FE5F14;
155
	background-color:#D1D1D1;
156
}
157

  
158
.DHTMLSuite_menuItem_textContent
159
{
160
  border-bottom-style: none !important;
161
  background-color: inherit !important;
162
  color: inherit !important;
163
}
1
/* CSS FOR MENU ITEM OF TYPE "top" */
2

  
3
.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
4
	height:19px;
5
	line-height:16px;
6
	margin-right:2px;
7
	margin-top:1px;
8
	padding-left:4px;
9
	padding-right:4px;
10
	padding-top:2px;
11
	padding-bottom:2px;
12
}
13
.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
14
	padding-top:2px;
15
	padding-bottom:2px;
16
}
17
.DHTMLSuite_menuItem_top_regular{	/* Top level menu item - Regular state */
18
	cursor:pointer;
19
}
20

  
21
.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
22
	color:#FE5F14;
23
	background-color:#D1D1D1;
24
	cursor:pointer;
25
}
26

  
27
.DHTMLSuite_menuItem_top_active{	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
28
	cursor:pointer;
29
}
30

  
31
.DHTMLSuite_menuItem_top_click{	/* Top level menu item - Mouse click state */
32
	color:#FE5F14;
33
	background-color:#D1D1D1;
34
	cursor:pointer;
35
	z-index:20000;
36
}
37

  
38
.DHTMLSuite_menuItem_top_disabled{	/* Disabled menu item */
39
	cursor:default;
40
}
41

  
42
.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
43
	filter:alpha(opacity=40);	/* Transparency */
44
	opacity:0.4;	/* Transparency */
45
	-moz-opacity:0.4;	/* Transparency */
46
	-khtml-opacity:.4;	/* Transparency */
47
}
48

  
49
.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{	/* divs for the text,icon and arrow of a menu item */
50
	float:left;
51
	padding-left:1px;
52
	padding-right:1px;
53
}
54

  
55
/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
56
.DHTMLSuite_menuItem_top_arrowShowSub{	/* This is the arrow for top level elements */
57
	width:12px;	/* Width of item */
58
	background-repeat:no-repeat;	/* No background repeat for the arrow */
59
	background-position:center center;	/* Position of the arrow. at the center of this div */
60
	background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png');	/* Relative path to the arrow */
61
	margin:0px;
62
	margin-right:-1px;	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
63
	padding:0px;
64
	height:16px;
65
	margin-left:2px;
66
	float:right;
67
}
68

  
69
.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
70
.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
71
{	/* Sub menu arrows */
72
	margin-left:1px;
73
	border-left:1px solid #000;
74
}
75

  
76
/* CSS FOR SEPARATOR */
77

  
78
.DHTMLSuite_menuItem_separator_top{	/* Separator of type "top" */
79
	height:20px;
80
	margin-top:3px;
81
	margin-bottom:3px;
82
	width:4px;
83
	padding-left:3px;
84
	padding-right:3px;
85
	background-repeat:repeat-y;
86
	background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');
87

  
88
}
89

  
90

  
91
/* CSS FOR MENU ITEM OF TYPE "sub" */
92

  
93
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
94
	clear:both;
95
	line-height:18px;	/* Height of menu item */
96
	height:18px;		/* Height of menu item */
97
	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
98
	padding-right:4px;	/* Space inside the menu item */
99
	padding-top:2px;	/* Space inside the menu item */
100
	padding-bottom:2px;	 /* Space inside the menu item */
101
	cursor:pointer;		/* Mouse cursor set to a "hand" */
102
	margin:1px;	/* A little space around the item */
103
	background-repeat:no-repeat;	/* No background repeat */
104
}
105
.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item */
106
	cursor:default;	/* Arrow as cursor instead of hand */
107
}
108
.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
109
	filter:alpha(opacity=40);	/* Transparency */
110
	opacity:0.4;	/* Transparency */
111
	-moz-opacity:0.4;	/* Transparency */
112
	-khtml-opacity:.4;	/* Transparency */
113
}
114
.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{	/* Regular menu item */
115
}
116

  
117
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
118
}
119

  
120
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */
121
	color:#FE5F14;
122
	background-color:#D1D1D1;
123
}
124

  
125
.DHTMLSuite_menuItem_sub_click{	/* Mouse click effect */
126
	color:#FE5F14;
127
	background-color:#D1D1D1;
128
}
129

  
130
.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{	/* divs for the text,icon and arrow of a menu item */
131
	float:left;		/* To get the icons and text of sub elements side by side */
132
	padding-left:1px;
133
	padding-right:1px;
134

  
135
}
136
.DHTMLSuite_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */
137
	position:absolute;	/* Never change this one */
138
	background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png');	/* Path relative to the css file */
139
	width:18px;
140
	height:18px;
141
	text-align:right;
142
	right:0px;
143
	background-repeat:no-repeat;	/* No background repeat */
144
	background-position: center right;	/* Position of arrow */
145
}
146

  
147

  
148
.DHTMLSuite_menuItem_separator_sub{	/* Separator of type "sub" */
149
	height:1px;	/* Height of separator */
150
	margin-top:1px;	/* Space above the separator */
151
	margin-bottom:1px;	/* Space below the separator */
152
	margin-left:24px;	/* left margin because we don't want the separator to cover the gradient */
153
	padding-right:3px;	/* space at the right of the separator */
154
	color:#FE5F14;
155
	background-color:#D1D1D1;
156
}
157

  
158
.DHTMLSuite_menuItem_textContent
159
{
160
  border-bottom-style: none !important;
161
  background-color: inherit !important;
162
  color: inherit !important;
163
}

Auch abrufbar als: Unified diff