Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision dc306ebe

Von Hans P. Schlaepfer vor fast 4 Jahren hinzugefügt

  • ID dc306ebe5c85e3fa6981891c284f75706f60e81b
  • Vorgänger b4be10bc
  • Nachfolger b1e41bac

css/lx-office-erp/dhtmlsuite/menu-item.css

Unterschiede anzeigen:

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

  		




  3
  
  
    
.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{


  		




  
  3
  
    
.DHTMLSuite_menuItem_top_regular,


  		




  
  4
  
    
.DHTMLSuite_menuItem_top_over,


  		




  
  5
  
    
.DHTMLSuite_menuItem_top_click,


  		




  
  6
  
    
.DHTMLSuite_menuItem_top_disabled,


  		




  
  7
  
    
.DHTMLSuite_menuItem_top_active{


  		




  4
  8
  
    
	height:19px;


  		




  
  9
  
    
	line-height:16px;


  		




  
  10
  
    
	margin: 2px 2px 0 2px ;


  		




  
  11
  
    
  padding: 1px 3px 1px 3px ; 


  		




  
  12
  
    
	cursor:pointer;


  		




  5
  13
  
    
}


  		




  6
  
  
    
.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{


  		




  7
  
  
    
	padding-top:2px;


  		




  8
  
  
    
	padding-bottom:2px;


  		




  9
  
  
    
}


  		




  10
  
  
    
.DHTMLSuite_menuItem_top_regular{	/* Top level menu item - Regular state */


  		




  11
  
  
    
	padding-left:4px;


  		




  12
  
  
    
	padding-right:4px;


  		




  13
  
  
    
	margin-right:2px;


  		




  14
  
  
    
	padding-top:1px;


  		




  15
  
  
    
	padding-bottom:1px;


  		




  
  14
  
    
/* Top level menu item - Regular state */


  		




  
  15
  
    
.DHTMLSuite_menuItem_top_regular{	


  		




  16
  16
  
    
	cursor:pointer;


  		




  17
  
  
    
	line-height:16px;


  		




  18
  
  
    
	margin-top:2px;


  		




  19
  17
  
    
}


  		




  20
  
  
    

  		




  21
  
  
    
.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */


  		




  22
  
  
    
	padding-left:3px;


  		




  23
  
  
    
	padding-right:3px;


  		




  24
  
  
    
	margin-right:2px;


  		




  
  18
  
    
/* Top level menu item - Mouse over state */


  		




  
  19
  
    
.DHTMLSuite_menuItem_top_over{ 


  		




  25
  20
  
    
	border:1px solid #000;


  		




  26
  21
  
    
	color:#000;


  		




  27
  22
  
    
	background-color:#FFEEC2;


  		




  28
  
  
    
	cursor:pointer;


  		




  29
  
  
    
	line-height:16px;


  		




  30
  
  
    
	margin-top:2px;


  		




  31
  23
  
    
}


  		




  32
  
  
    

  		




  33
  
  
    
.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 */


  		




  34
  
  
    
	padding-left:3px;


  		




  35
  
  
    
	padding-right:3px;


  		




  36
  
  
    
	margin-right:2px;


  		




  37
  
  
    
	border:1px solid #000;


  		




  38
  
  
    
	border-bottom:1px solid #FFF;


  		




  39
  
  
    
	cursor:pointer;


  		




  40
  
  
    
	line-height:16px;


  		




  41
  
  
    
	margin-top:2px;


  		




  42
  
  
    
}


  		




  43
  
  
    

  		




  44
  
  
    
.DHTMLSuite_menuItem_top_click{	/* Top level menu item - Mouse click state */


  		




  45
  
  
    
	padding-left:3px;


  		




  46
  
  
    
	padding-right:3px;


  		




  47
  
  
    
	margin-right:2px;


  		




  
  24
  
    
/* Top level menu item - Mouse click state */


  		




  
  25
  
    
.DHTMLSuite_menuItem_top_click{	


  		




  48
  26
  
    
	border:1px solid #000;


  		




  49
  27
  
    
	background-color:#FFB25C;


  		




  50
  
  
    
	cursor:pointer;


  		




  51
  
  
    
	line-height:16px;


  		




  52
  
  
    
	margin-top:2px;


  		




  53
  28
  
    
	z-index:20000;


  		




  54
  29
  
    
}


  		




  55
  
  
    

  		




  56
  
  
    
.DHTMLSuite_menuItem_top_disabled{	/* Disabled menu item */


  		




  57
  
  
    
	padding-left:4px;


  		




  58
  
  
    
	padding-right:4px;


  		




  59
  
  
    
	margin-right:2px;


  		




  60
  
  
    
	padding-top:1px;


  		




  61
  
  
    
	padding-bottom:1px;


  		




  
  30
  
    
/* Disabled menu item */


  		




  
  31
  
    
.DHTMLSuite_menuItem_top_disabled{	


  		




  62
  32
  
    
	cursor:default;


  		




  63
  
  
    
	line-height:16px;


  		




  64
  
  
    
	margin-top:2px;


  		




  65
  33
  
    
}


  		




  66
  
  
    

  		




  67
  
  
    
.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 */


  		




  68
  
  
    
	filter:alpha(opacity=40);	/* Transparency */


  		




  69
  
  
    
	opacity:0.4;	/* Transparency */


  		




  70
  
  
    
	-moz-opacity:0.4;	/* Transparency */


  		




  71
  
  
    
	-khtml-opacity:.4;	/* Transparency */


  		




  
  34
  
    
/* Top level menu item - Active state - 


  		




  
  35
  
    
this is typical the state for menu item 1 


  		




  
  36
  
    
when a sub group is expanded and the mouse is located over one of the sub menu items 


  		




  
  37
  
    
*/


  		




  
  38
  
    
.DHTMLSuite_menuItem_top_active{	


  		




  
  39
  
    
	border:1px solid #000;


  		




  
  40
  
    
	border-bottom:1px solid #FFF;


  		




  72
  41
  
    
}


  		




  73
  42
  
    

  		




  74
  
  
    
.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 */


  		




  
  43
  
    
/* divs for the text,icon and arrow of a menu item */


  		




  
  44
  
    
.DHTMLSuite_menuItem_top_regular div,


  		




  
  45
  
    
.DHTMLSuite_menuItem_top_over div,


  		




  
  46
  
    
.DHTMLSuite_menuItem_top_click div,


  		




  
  47
  
    
.DHTMLSuite_menuItem_top_disabled div,


  		




  
  48
  
    
.DHTMLSuite_menuItem_top_active div{


  		




  75
  49
  
    
	float:left;


  		




  76
  
  
    
	padding-left:1px;


  		




  77
  
  
    
	padding-right:1px;


  		




  
  50
  
    
  display:block;


  		




  
  51
  
    
}


  		




  
  52
  
    

  		




  
  53
  
    

  		




  
  54
  
    

  		




  
  55
  
    
/* Sub divs of disabled top level items. 


  		




  
  56
  
    
A menu item is a div with some subdivs(one for the icon, one for text etc.). 


  		




  
  57
  
    
this is the css for these sub divs 


  		




  
  58
  
    
*/


  		




  
  59
  
    
.DHTMLSuite_menuItem_top_disabled img,


  		




  
  60
  
    
.DHTMLSuite_menuItem_top_disabled div{	


  		




  
  61
  
    
	/* Transparency */


  		




  
  62
  
    
	filter:alpha(opacity=40);	


  		




  
  63
  
    
	opacity:0.4;	


  		




  
  64
  
    
	-moz-opacity:0.4;	


  		




  
  65
  
    
	-khtml-opacity:.4;	


  		




  78
  66
  
    
}


  		




  79
  67
  
    

  		




  80
  68
  
    
/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */


  		




  81
  
  
    
.DHTMLSuite_menuItem_top_arrowShowSub{	/* This is the arrow for top level elements */


  		




  
  69
  
    
/* This is the arrow for top level elements */


  		




  
  70
  
    
.DHTMLSuite_menuItem_top_arrowShowSub{	


  		




  82
  71
  
    
	width:12px;	/* Width of item */


  		




  83
  72
  
    
	background-repeat:no-repeat;	/* No background repeat for the arrow */


  		




  84
  73
  
    
	background-position:center center;	/* Position of the arrow. at the center of this div */


  		




  85
  
  
    
	background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png');	/* Relative path to the arrow */


  		




  
  74
  
    
	/* Relative path to the arrow */


  		




  
  75
  
    
	background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png');	


  		




  86
  76
  
    
	margin:0px;


  		




  87
  
  
    
	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 */


  		




  
  77
  
    
	/* -1 pixel is added to get the arrow a little bit more to the right. 


  		




  
  78
  
    
	   this is because of the right padding of top level items 


  		




  
  79
  
    
	*/


  		




  
  80
  
    
	margin-right:-1px;	


  		




  88
  81
  
    
	padding:0px;


  		




  89
  82
  
    
	height:16px;


  		




  90
  83
  
    
	margin-left:2px;


  		




  ......




  99
  92
  
    
}


  		




  100
  93
  
    

  		




  101
  94
  
    
/* CSS FOR SEPARATOR */


  		




  102
  
  
    

  		




  103
  
  
    
.DHTMLSuite_menuItem_separator_top{	/* Separator of type "top" */


  		




  
  95
  
    
/* Separator of type "top" */


  		




  
  96
  
    
.DHTMLSuite_menuItem_separator_top{	


  		




  104
  97
  
    
	height:20px;


  		




  105
  98
  
    
	margin-top:3px;


  		




  106
  99
  
    
	margin-bottom:3px;


  		




  ......




  115
  108
  
    

  		




  116
  109
  
    
/* CSS FOR MENU ITEM OF TYPE "sub" */


  		




  117
  110
  
    

  		




  118
  
  
    
.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 */


  		




  
  111
  
    
/* Commom css for regular, mouse over and mouse click items */


  		




  
  112
  
    
.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	


  		




  119
  113
  
    
	clear:both;


  		




  120
  
  
    
	line-height:18px;	/* Height of menu item */


  		




  121
  
  
    
	height:18px;		/* Height of menu item */


  		




  122
  
  
    
	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */


  		




  123
  
  
    
	padding-right:4px;	/* Space inside the menu item */


  		




  124
  
  
    
	padding-top:2px;	/* Space inside the menu item */


  		




  125
  
  
    
	padding-bottom:2px;	 /* Space inside the menu item */


  		




  126
  
  
    
	cursor:pointer;		/* Mouse cursor set to a "hand" */


  		




  127
  
  
    
	margin:1px;	/* A little space around the item */


  		




  128
  
  
    
	background-repeat:no-repeat;	/* No background repeat */


  		




  129
  
  
    
}


  		




  130
  
  
    
.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item */


  		




  131
  
  
    
	cursor:default;	/* Arrow as cursor instead of hand */


  		




  132
  
  
    
}


  		




  133
  
  
    
.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 */


  		




  134
  
  
    
	filter:alpha(opacity=40);	/* Transparency */


  		




  135
  
  
    
	opacity:0.4;	/* Transparency */


  		




  136
  
  
    
	-moz-opacity:0.4;	/* Transparency */


  		




  137
  
  
    
	-khtml-opacity:.4;	/* Transparency */


  		




  138
  
  
    
}


  		




  139
  
  
    
.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{	/* Regular menu item */


  		




  140
  
  
    
	margin-left:2px;	/* size of margin above + 1 pixel */


  		




  141
  
  
    
	padding-top:3px;	/* Size of padding-top above + 1 pixel */


  		




  142
  
  
    
	padding-bottom:3px;	/* Size of padding-bottom above + 1 pixel */


  		




  143
  
  
    
}


  		




  144
  
  
    

  		




  145
  
  
    
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{


  		




  146
  
  
    
	border:1px solid #006;	/* Border around mouse over items, click items and active items */


  		




  147
  
  
    
}


  		




  148
  
  
    

  		




  149
  
  
    
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */


  		




  150
  
  
    
	background-color:#FFEEC2;		/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */


  		




  151
  
  
    
}


  		




  152
  
  
    

  		




  153
  
  
    
.DHTMLSuite_menuItem_sub_click{	/* Mouse click effect */


  		




  154
  
  
    
	background-color:#FFB25C;	/* Background color when the mouse button is pressed down on a menu item */


  		




  155
  
  
    
}


  		




  156
  
  
    

  		




  157
  
  
    
.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 */


  		




  158
  
  
    
	float:left;		/* To get the icons and text of sub elements side by side */


  		




  
  114
  
    
	line-height:18px;	


  		




  
  115
  
    
	height:18px;	


  		




  
  116
  
    
	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */	


  		




  
  117
  
    
	padding-left:25px;	


  		




  
  118
  
    
	padding-right:4px;	


  		




  
  119
  
    
	padding-top:2px;	


  		




  
  120
  
    
	padding-bottom:2px;	 


  		




  
  121
  
    
	cursor:pointer;		


  		




  
  122
  
    
	margin:1px;	


  		




  
  123
  
    
	background-repeat:no-repeat;	


  		




  
  124
  
    
}


  		




  
  125
  
    
/* Disabled sub menu item */


  		




  
  126
  
    
.DHTMLSuite_menuItem_sub_disabled{	


  		




  
  127
  
    
	cursor:default;	


  		




  
  128
  
    
}


  		




  
  129
  
    
/* Disabled sub menu item


  		




  
  130
  
    
Here, we apply the rules on the divs inside the element, 


  		




  
  131
  
    
i.e. the div for the icon, text and arrow 


  		




  
  132
  
    
*/


  		




  
  133
  
    
.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{	


  		




  
  134
  
    
	filter:alpha(opacity=40);	


  		




  
  135
  
    
	opacity:0.4;	


  		




  
  136
  
    
	-moz-opacity:0.4;	


  		




  
  137
  
    
	-khtml-opacity:.4;	


  		




  
  138
  
    
}


  		




  
  139
  
    
/* Regular menu item */


  		




  
  140
  
    
.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{	


  		




  
  141
  
    
	margin-left:2px;	


  		




  
  142
  
    
	padding-top:3px;	


  		




  
  143
  
    
	padding-bottom:3px;	


  		




  
  144
  
    
}


  		




  
  145
  
    
/* Border around mouse over items, click items and active items */


  		




  
  146
  
    
.DHTMLSuite_menuItem_sub_over,


  		




  
  147
  
    
.DHTMLSuite_menuItem_sub_click,


  		




  
  148
  
    
.DHTMLSuite_menuItem_sub_active{


  		




  
  149
  
    
	border:1px solid #006;	


  		




  
  150
  
    
}


  		




  
  151
  
    
/* Background color of mouse over items and active items


  		




  
  152
  
    
(Active item = parent elements of the menu item the mouse is currently over)


  		




  
  153
  
    
*/


  		




  
  154
  
    
/* Mouse over effect */


  		




  
  155
  
    
.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	


  		




  
  156
  
    
	background-color:#FFEEC2;		


  		




  
  157
  
    
}


  		




  
  158
  
    
/* Mouse click effect */


  		




  
  159
  
    
.DHTMLSuite_menuItem_sub_click{	


  		




  
  160
  
    
	background-color:#FFB25C;	


  		




  
  161
  
    
}


  		




  
  162
  
    

  		




  
  163
  
    
/* divs for the text,icon and arrow of a menu item */


  		




  
  164
  
    
.DHTMLSuite_menuItem_sub_click div,


  		




  
  165
  
    
.DHTMLSuite_menuItem_sub_regular div,


  		




  
  166
  
    
.DHTMLSuite_menuItem_sub_over div,


  		




  
  167
  
    
.DHTMLSuite_menuItem_sub_active div,


  		




  
  168
  
    
.DHTMLSuite_menuItem_sub_disabled div{	


  		




  
  169
  
    
	float:left;		


  		




  159
  170
  
    
	padding-left:1px;


  		




  160
  171
  
    
	padding-right:1px;


  		




  161
  172
  
    

  		




  162
  173
  
    
}


  		




  163
  
  
    
.DHTMLSuite_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */


  		




  
  174
  
    
/* Arrow div for sub elements (Right pointing arrow ) */


  		




  
  175
  
    
.DHTMLSuite_menuItem_sub_arrowShowSub{	


  		




  164
  176
  
    
	position:absolute;	/* Never change this one */


  		




  165
  
  
    
	background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png');	/* Path relative to the css file */


  		




  
  177
  
    
	/* Path relative to the css file */


  		




  
  178
  
    
	background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png');	


  		




  166
  179
  
    
	width:18px;


  		




  167
  180
  
    
	height:18px;


  		




  168
  181
  
    
	text-align:right;


  		




  169
  182
  
    
	right:0px;


  		




  170
  
  
    
	background-repeat:no-repeat;	/* No background repeat */


  		




  171
  
  
    
	background-position: center right;	/* Position of arrow */


  		




  
  183
  
    
	background-repeat:no-repeat;	


  		




  
  184
  
    
	background-position: center right;


  		




  172
  185
  
    
}


  		




  173
  186
  
    

  		




  174
  
  
    

  		




  175
  
  
    
.DHTMLSuite_menuItem_separator_sub{	/* Separator of type "sub" */


  		




  176
  
  
    
	height:1px;	/* Height of separator */


  		




  177
  
  
    
	margin-top:1px;	/* Space above the separator */


  		




  178
  
  
    
	margin-bottom:1px;	/* Space below the separator */


  		




  179
  
  
    
	margin-left:24px;	/* left margin because we don't want the separator to cover the gradient */


  		




  180
  
  
    
	padding-right:3px;	/* space at the right of the separator */


  		




  181
  
  
    
	background-color:#6A8CCB;	/* background color for the separator - blue */


  		




  
  187
  
    
/* Separator of type "sub" */


  		




  
  188
  
    
.DHTMLSuite_menuItem_separator_sub{	


  		




  
  189
  
    
	height:1px;	


  		




  
  190
  
    
	margin-top:1px;	


  		




  
  191
  
    
	margin-bottom:1px;	


  		




  
  192
  
    
	margin-left:24px;	


  		




  
  193
  
    
	padding-right:3px;	


  		




  
  194
  
    
	background-color:#6A8CCB;	


  		




  182
  195
  
    
}


  		




  183
  196
  
    

  		




  184
  
  
    
.DHTMLSuite_menuItem_textContent


  		




  185
  
  
    
{


  		




  
  197
  
    
.DHTMLSuite_menuItem_textContent{


  		




  186
  198
  
    
  color: inherit !important;


  		




  187
  199
  
    
}


  		












Auch abrufbar als:  Unified diff