menu pop ups

/*************************************/
/* Rainbow border around menu popups */
/***************************************

LAST MODIFIED 02/07/2026

/***********************************************************/
/* JUST REMEMBER THAT THE CSS FOR PADDING IS

/* padding: 10px;             /* All 4 sides */
/* padding: 10px 20px;        /* Top/Bottom | Left/Right */
/* padding: 10px 20px 15px;   /* Top | Left/Right | Bottom */
/* padding: 10px 20px 15px 5px; /* Top | Right | Bottom | Left (Clockwise)  */
/***********************************************************/
.bookmark-item {
  --menuitem-padding: 4px 10px !important;
  --menuitem-margin: 0px -4px !important;
}

 .menupopup-arrowscrollbox {
    --panel-padding: 4px 15px !important;
    --padding-block: 1px !important;
    --panel-menuitem-padding: 2px 6px !important;
    --panel-menuitem-margin: 0px -4px !important;
    --panel-border-radius: 8px !important;
    --panel-shadow-margin: 0px !important;
    --panel-shadow: none !important;
    --panel-border-color: transparent !important;
    background:
    linear-gradient(#f5f5f5, #f5f5f5) content-box,
    linear-gradient(45deg, red 0%, orange 16.66%, yellow 33.33%, green 50%, blue 66.66%, indigo 83.33%, violet 100%) border-box !important;
    border-radius: 8px !important;
    padding: inherit !important;
    border: inherit !important;
    background-color: #f7f7f7 !important;
    font: 15px sans-serif !important;
}


menupopup,
panel,
menulist {
    --panel-padding: 4px 15px !important;
    --padding-block: 1px !important;
    --panel-menuitem-padding: 2px 6px !important;
    --panel-menuitem-margin: 0px -4px !important;
    --panel-border-radius: 8px !important;
    --panel-shadow-margin: 0px !important;
    --panel-shadow: none !important;
    --panel-border-color: transparent !important;
       background: linear-gradient(45deg, red 0%, orange 16.66%, yellow 33.33%, green 50%, blue 66.66%, indigo 83.33%, violet 100%) !important;
    border-radius: 8px !important;
    padding: inherit !important;
    border: inherit !important;
    background-color: #f7f7f7 !important;
    font: 15px sans-serif !important;
}

menupopup,
:is(menupopup, panel,)  {
    --panel-padding: 4px 15px !important;
    --padding-block: 1px !important;
    --panel-menuitem-padding: 2px 6px !important;
    --panel-menuitem-margin: 0px -4px !important;
    --panel-border-radius: 8px !important;
    --panel-shadow-margin: 0px !important;
    --panel-shadow: none !important;
    --panel-border-color: transparent !important;
       background: linear-gradient(45deg, red 0%, orange 16.66%, yellow 33.33%, green 50%, blue 66.66%, indigo 83.33%, violet 100%) !important;
    border-radius: 8px !important;
    padding: 3px !important;
    border: inherit !important;
    background-color: #f7f7f7 !important;
    font: 15px sans-serif !important;
}

menuseparator {
    appearance: none !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    color: #008000 !important;
}