my_userChrome.css

/*@import "./my_userChrome.css"; /**/

/*******************************************/
/***** MY_USERCHROME.CSS as at 07/06/2026 **/
/*******************************************/
/*  #D0D0D7   #D1D1D1  #d4d0c8 #D9D9D9    #C7C7C7  #C2C2C2 #e1ded8 #aeaba5, #c2bfb8, #c9c6be #d4d0c8 green = #008000 red = #ff0000  black = #000000/*

/**************/
/* Trial Area */
/**************/
/*


*/

/**************************************/
/* Rainbow border around menu pop ups */
/**************************************/

.bookmark-item {
  --menuitem-padding: 2px 6px !important;
  --menuitem-margin: 0px -4px !important;
}

 .menupopup-arrowscrollbox {
    --panel-padding: 4px !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(#dcdcdc, #dcdcdc) 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: #D1D1D1 !important;
    font: 15px Arial, sans-serif;
}


menupopup,
panel,
menulist {
    --panel-padding: 4px !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: #D1D1D1 !important;
    font: 15px Arial, sans-serif;
}

menupopup,
:is(menupopup, panel,)  {
    --panel-padding: 4px !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: 4px !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: 3px !important;
    background-color: #D1D1D1 !important;
    font: 15px Arial, sans-serif;
}



/**********************/
/* menu text on hover */
/**********************/


#PlacesChevronPopup menuitem,
#PlacesChevronPopup menu,
#PlacesToolbarItems menuitem,
#PlacesToolbarItems menu {
&:hover {
background: #008000 !important;
color: white !important;
}
}
menupopup menuitem,
menupopup menu,
panel toolbaritem,
panel toolbarbutton {
&:hover {
background: #008000 !important;
color: white !important;
}
}
*/
/************************/
/* Change tooltip color */
/************************/

#bhTooltip,
#aHTMLTooltip,
tooltip,
.places-tooltip {
    appearance: none !important;
    color: darkgreen !important; /*textcolor*/
    max-width: auto !important;
    max-height: auto !important;
    background-color: whitesmoke !important;
    background:
    linear-gradient(#dcdcdc, #dcdcdc) 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: 4px !important;
    border: 2px !important;
    padding: 2px !important; /*space between icon and tooltip */
    font-family: inherit !important;
    font-size: 1.2em !important;
    opacity: 1 !important;
}


/*************************/
/* Common Dialog Borders */
/*************************/

#commonDialog {
    border-radius: 6px !important;
    border-style: solid !important;
    border-color: red !important;
    border-width: 2px !important;
}