contextual.toolbar.css

Styling for contextual module's toolbar tab.

File

drupal/core/modules/contextual/css/contextual.toolbar.css
View source
  1. /**
  2. * @file
  3. * Styling for contextual module's toolbar tab.
  4. */
  5. /* Tab icon. */
  6. .icon-edit:before {
  7. background-image: url(../../../misc/edit.png);
  8. }
  9. .icon-edit:active:before,
  10. .active.icon-edit:before {
  11. background-image: url(../../../misc/edit-active.png);
  12. }
  13. /* Tab appearance. */
  14. .js .toolbar .bar .contextual-toolbar-tab.tab {
  15. float: right; /* LTR */
  16. }
  17. .js .toolbar .bar .contextual-toolbar-tab button {
  18. padding-bottom: 1em;
  19. padding-top: 1em;
  20. /* Hide tab text. */
  21. padding-left: 1.3333em; /* LTR */
  22. text-indent: -9999px;
  23. line-height: 1em;
  24. }
  25. .js .toolbar .bar .contextual-toolbar-tab button.active {
  26. background-image:-moz-linear-gradient(rgb(78,159,234) 0%,rgb(69,132,221) 100%);
  27. background-image:-webkit-gradient(linear,color-stop(0, rgb(78,159,234)),color-stop(1, rgb(69,132,221)));
  28. background-image: -webkit-linear-gradient(top, rgb(78,159,234) 0%, rgb(69,132,221) 100%);
  29. background-image:linear-gradient(rgb(78,159,234) 0%,rgb(69,132,221) 100%);
  30. }
  31. /* @todo get rid of this declaration by making toolbar.module's CSS less specific */
  32. .js .toolbar .bar .contextual-toolbar-tab.tab.element-hidden {
  33. display: none;
  34. }