shortcut.theme.css

Styling for the shortcut module.

File

drupal/core/modules/shortcut/css/shortcut.theme.css
View source
  1. /**

  2.  * @file

  3.  * Styling for the shortcut module.

  4.  */

  5. 

  6. /**

  7.  * Toolbar.

  8.  */

  9. .icon-shortcut:before {

  10.   background-image: url(../images/shortcut.png);

  11. }

  12. .icon-shortcut:active:before,

  13. .icon-shortcut.active:before {

  14.   background-image: url(../images/shortcut-active.png);

  15. }

  16. .toolbar .tray.horizontal.shortcuts .menu {

  17.   float: left;

  18. }

  19. .edit-shortcuts {

  20.   display: block;

  21. }

  22. .toolbar .vertical .edit-shortcuts {

  23.   text-align: right;

  24.   padding: 1em;

  25. }

  26. .toolbar .horizontal .edit-shortcuts {

  27.   float: left; /* LTR */

  28. }

  29. 

  30. /**

  31.  * Add/remove links.

  32.  */

  33. .add-or-remove-shortcuts .icon {

  34.   background: transparent url(../images/shortcut-add.png) no-repeat;

  35.   height: 12px;

  36.   margin-left: 8px; /* LTR */

  37.   overflow: hidden;

  38.   text-indent: 12px;

  39.   width: 12px;

  40. }

  41. .add-shortcut a:focus .icon,

  42. .add-shortcut a:hover .icon {

  43.   background-position: 0 -12px; /* LTR */

  44. }

  45. .remove-shortcut .icon {

  46.   margin-top: 4px;

  47.   background-position: -12px 0;

  48. }

  49. .remove-shortcut a:focus .icon,

  50. .remove-shortcut a:hover .icon {

  51.   background-position: -12px -12px; /* LTR */

  52. }