Revision 474b80fa
Von Hans P. Schlaepfer vor etwa 4 Jahren hinzugefügt
| 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
css/lx-office-erp/dhtmlsuite/menu-item.css