css/kivitendo/dhtmlsuite/menu-item.css

   1 /* CSS FOR MENU ITEM OF TYPE "top" */\r
   2 \r
   3 .DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{\r
   4         height:19px;\r
   5         line-height:16px;\r
   6         margin-right:2px;\r
   7         margin-top:1px;\r
   8         padding-left:4px;\r
   9         padding-right:4px;\r
  10         padding-top:2px;\r
  11         padding-bottom:2px;\r
  12 }\r
  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{\r
  14         padding-top:2px;\r
  15         padding-bottom:2px;\r
  16 }\r
  17 .DHTMLSuite_menuItem_top_regular{       /* Top level menu item - Regular state */\r
  18         cursor:pointer;\r
  19 }\r
  20 \r
  21 .DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */\r
  22         color:#FE5F14;\r
  23         background-color:#D1D1D1;\r
  24         cursor:pointer;\r
  25 }\r
  26 \r
  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 */\r
  28         cursor:pointer;\r
  29 }\r
  30 \r
  31 .DHTMLSuite_menuItem_top_click{ /* Top level menu item - Mouse click state */\r
  32         color:#FE5F14;\r
  33         background-color:#D1D1D1;\r
  34         cursor:pointer;\r
  35         z-index:20000;\r
  36 }\r
  37 \r
  38 .DHTMLSuite_menuItem_top_disabled{      /* Disabled menu item */\r
  39         cursor:default;\r
  40 }\r
  41 \r
  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 */\r
  43         filter:alpha(opacity=40);       /* Transparency */\r
  44         opacity:0.4;    /* Transparency */\r
  45         -moz-opacity:0.4;       /* Transparency */\r
  46         -khtml-opacity:.4;      /* Transparency */\r
  47 }\r
  48 \r
  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 */\r
  50         float:left;\r
  51         padding-left:1px;\r
  52         padding-right:1px;\r
  53 }\r
  54 \r
  55 /* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */\r
  56 .DHTMLSuite_menuItem_top_arrowShowSub{  /* This is the arrow for top level elements */\r
  57         width:12px;     /* Width of item */\r
  58         background-repeat:no-repeat;    /* No background repeat for the arrow */\r
  59         background-position:center center;      /* Position of the arrow. at the center of this div */\r
  60         background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png');   /* Relative path to the arrow */\r
  61         margin:0px;\r
  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 */\r
  63         padding:0px;\r
  64         height:16px;\r
  65         margin-left:2px;\r
  66         float:right;\r
  67 }\r
  68 \r
  69 .DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,\r
  70 .DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub\r
  71 {       /* Sub menu arrows */\r
  72         margin-left:1px;\r
  73         border-left:1px solid #000;\r
  74 }\r
  75 \r
  76 /* CSS FOR SEPARATOR */\r
  77 \r
  78 .DHTMLSuite_menuItem_separator_top{     /* Separator of type "top" */\r
  79         height:20px;\r
  80         margin-top:3px;\r
  81         margin-bottom:3px;\r
  82         width:4px;\r
  83         padding-left:3px;\r
  84         padding-right:3px;\r
  85         background-repeat:repeat-y;\r
  86         background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');\r
  87 \r
  88 }\r
  89 \r
  90 \r
  91 /* CSS FOR MENU ITEM OF TYPE "sub" */\r
  92 \r
  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 */\r
  94         clear:both;\r
  95         line-height:18px;       /* Height of menu item */\r
  96         height:18px;            /* Height of menu item */\r
  97         padding-left:25px;      /* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */\r
  98         padding-right:4px;      /* Space inside the menu item */\r
  99         padding-top:2px;        /* Space inside the menu item */\r
 100         padding-bottom:2px;      /* Space inside the menu item */\r
 101         cursor:pointer;         /* Mouse cursor set to a "hand" */\r
 102         margin:1px;     /* A little space around the item */\r
 103         background-repeat:no-repeat;    /* No background repeat */\r
 104 }\r
 105 .DHTMLSuite_menuItem_sub_disabled{      /* Disabled sub menu item */\r
 106         cursor:default; /* Arrow as cursor instead of hand */\r
 107 }\r
 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 */\r
 109         filter:alpha(opacity=40);       /* Transparency */\r
 110         opacity:0.4;    /* Transparency */\r
 111         -moz-opacity:0.4;       /* Transparency */\r
 112         -khtml-opacity:.4;      /* Transparency */\r
 113 }\r
 114 .DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{     /* Regular menu item */\r
 115 }\r
 116 \r
 117 .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{\r
 118 }\r
 119 \r
 120 .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{  /* Mouse over effect */\r
 121         color:#FE5F14;\r
 122         background-color:#D1D1D1;\r
 123 }\r
 124 \r
 125 .DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */\r
 126         color:#FE5F14;\r
 127         background-color:#D1D1D1;\r
 128 }\r
 129 \r
 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 */\r
 131         float:left;             /* To get the icons and text of sub elements side by side */\r
 132         padding-left:1px;\r
 133         padding-right:1px;\r
 134 \r
 135 }\r
 136 .DHTMLSuite_menuItem_sub_arrowShowSub{  /* Arrow div for sub elements (Right pointing arrow ) */\r
 137         position:absolute;      /* Never change this one */\r
 138         background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png');     /* Path relative to the css file */\r
 139         width:18px;\r
 140         height:18px;\r
 141         text-align:right;\r
 142         right:0px;\r
 143         background-repeat:no-repeat;    /* No background repeat */\r
 144         background-position: center right;      /* Position of arrow */\r
 145 }\r
 146 \r
 147 \r
 148 .DHTMLSuite_menuItem_separator_sub{     /* Separator of type "sub" */\r
 149         height:1px;     /* Height of separator */\r
 150         margin-top:1px; /* Space above the separator */\r
 151         margin-bottom:1px;      /* Space below the separator */\r
 152         margin-left:24px;       /* left margin because we don't want the separator to cover the gradient */\r
 153         padding-right:3px;      /* space at the right of the separator */\r
 154         color:#FE5F14;\r
 155         background-color:#D1D1D1;\r
 156 }\r
 157 \r
 158 .DHTMLSuite_menuItem_textContent\r
 159 {\r
 160   border-bottom-style: none !important;\r
 161   background-color: inherit !important;\r
 162   color: inherit !important;\r
 163 }\r