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:whitesmoke;
  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:whitesmoke;
  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:whitesmoke;
 123 }
 124
 125 .DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */
 126         color:#FE5F14;
 127         background-color:whitesmoke;
 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:whitesmoke;
 156 }
 157
 158 .DHTMLSuite_menuItem_textContent
 159 {
 160   border-bottom-style: none !important;
 161   background-color: inherit !important;
 162   color: inherit !important;
 163 }