CSS more detailed info

This is very interesting . However I do not understand what it is telling me : example ; choose from any of these toolbars . How do I know what they are ? also is the forum part above toolbars just an example ? 
Personalize the entire toolbar with CSS

Hello @azwiz,

The image above each code is a preview of the result. You can add the codes into your Administration Panel by going to Display > Colors > CSS stylesheet

For example, adding this code to your stylesheet :

Code:

div#fa_toolbar {
  background-color: #24384c;  /* Background color */
  border-radius: 0 0 50px 50px;  /* Rounds borders of the toolbar */
  box-shadow: 0 0 5px #000000;  /* Displays a shadow */
  margin: auto;  /* Center the toolbar */
  width: 98%;  /* Width of the toolbar */
}
 
div#fa_toolbar div, div#fa_toolbar span {
  margin: 0 15px;  /* Reposition the toolbar contents */
}

Should result in your toolbar looking like this :