You are here

Home » API reference » Devel 8.3

devel.toolbar.css in Devel 8.3

Same filename and directory in other branches
  1. 8 css/devel.toolbar.css
  2. 8.2 css/devel.toolbar.css
  3. 4.x css/devel.toolbar.css

Styling for devel toolbar module.

File

css/devel.toolbar.css
View source 
  1. /**

  2.  * @file

  3.  * Styling for devel toolbar module.

  4.  */

  5. 

  6. .toolbar .toolbar-tray-vertical .edit-devel-toolbar {

  7.   text-align: right; /* LTR */

  8.   padding: 1em;

  9. }

  10. 

  11. [dir="rtl"] .toolbar .toolbar-tray-vertical .edit-devel-toolbar {

  12.   text-align: left;

  13. }

  14. 

  15. .toolbar .toolbar-tray-horizontal .edit-devel-toolbar {

  16.   float: right; /* LTR */

  17. }

  18. 

  19. [dir="rtl"] .toolbar .toolbar-tray-horizontal .edit-devel-toolbar {

  20.   float: left;

  21. }

  22. 

  23. .toolbar .toolbar-tray-horizontal .toolbar-menu {

  24.   float: left; /* LTR */

  25. }

  26. 

  27. [dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-menu {

  28.   float: right;

  29. }

  30. 

  31. .toolbar .toolbar-bar .toolbar-icon-devel:before {

  32.   background-image: url(../icons/bebebe/cog.svg);

  33. }

  34. 

  35. .toolbar-bar .toolbar-icon-devel:active:before,

  36. .toolbar-bar .toolbar-icon-devel.is-active:before {

  37.   background-image: url(../icons/ffffff/cog.svg);

  38. }

  39. 

  40. .toolbar-horizontal .toolbar-horizontal-item-hidden {

  41.   display: none;

  42. }