Menu for side navigation

We will configure menu for side navigation:
 

 

MENU FOR SIDE NAVIGATION :

A new feature to be placed in the right column on the first line of TopBoxes with a minimum width of 30%!!!!
Warning: the configuration must be done before displaying the box in TopBoxes,

MENU BOX:

• External margins (Menu box): 4px 0 0 0 0 by default,
   
• Inside margins (Menu box): 0 4px 2px by default,
   
• External margins (Menu icon): -2px 5px 5px 0 10px by default,
   
• External margins (Flag): 3px 4px 4px 0 0 by default,
   
• Background color: transparent, the background will have the same color as the TopBoxes background,
   
• Borders: You specify the color of the border for the frame,
       - Border size: 0px, no borders
       - Style: You select a style from the 8 styles proposed, in the example Nothing,
       - Radius of rounded corners: 0px, no rounded corners,
   
• Fonte (text genre): the text genre, you have the choice between 7 font families, here the second one is selected,
       - Style: choice of options,
       - Size: in the example 16px, you can also choose a slightly larger size,
   
• External margins (Text): 2px 0 0 0 10px by default,
   
• Inside margins (Text): 3px 5px by default,
   
• Link color OFF: the text color of the tabs of the idle menu is #FFFFFF,
       - Background color: the background color will be transparent so the TopBoxes color,
• ON links color: the text color of the tabs of the idle menu is #B3ECFD,
       - Background color: the background color will be transparent so the TopBoxes color,
  
   

PANELS :

• Background color: #244459, by default, same as TopBoxes,
   
• Borders: you specify the color of the border for the frame, #60C4EA by default,
       - Border size: 3px, a wider border for this panel,
   
• Closing link color: #60C4EA by default, X color to close at the top right of the panel,
  
   

MENU OPTIONS :

• Fonte (text genre): the text genre, you have the choice between 7 font families, here the second one is selected,
       - Style: choice of options,
       - Size: in the example 16px, you can also choose a slightly larger size,
   
• Link color OFF: the text color of the tabs of the idle menu is #FFFFFF,
       - Background color: the background color is #60C4EA to be well adapted with the background,
   
• ON links color: the text color of the tabs of the menu at rest is #404040,
       - Background color: the background color is #FFA500 to add some color,
   
• Borders: you specify the color of the border for the frame, i.e. #FFFFFF,
       - Border size: 2px, a slightly wider border,
       - Style: You select a style from the 8 styles offered, here Full line is selected,
       - Radius of rounded corners: 10px rounded corners on the left. 0px, no rounded corners on the right.

To begin with, pay attention to the outer and inner margins, but you can change the background and text colors.