You are here

workbench.toolbar.css in Workbench 8

/**
 * CSS for displaying an icon on the Workbench toolbar tab.
 *
 * Each of the toolbar tray items uses the same icon as the toolbar tab, but
 * they're broken out so that this is ready to add a custom icon for each.
 */

/**
 * Toolbar item: Workbench
 */
a.toolbar-icon-workbench-content-tab::before {
  background-image: url("../images/icons/bebebe/iconmonstr-tools-9.svg");
}
a.toolbar-icon-workbench-content-tab.is-active::before,
.toolbar-icon-workbench-content.is-active::before {
  background-image: url("../images/icons/ffffff/iconmonstr-tools-9.svg");
}

/**
 * Tray item: My Workbench
 */
.toolbar-icon-workbench-content::before {
  background-image: url("../images/icons/787878/iconmonstr-task-1.svg");
}
.toolbar-icon-workbench-content.is-active::before {
  background-image: url("../images/icons/000000/iconmonstr-task-1.svg");
}

/**
 * Tray item: Create Content
 */
.toolbar-icon-workbench-create-content::before {
  background-image: url("../images/icons/787878/iconmonstr-note-29.svg");
}
.toolbar-icon-workbench-create-content.is-active::before {
  background-image: url("../images/icons/000000/iconmonstr-note-29.svg");
}

/**
 * Tray item: My Edits
 */
.toolbar-icon-workbench-my-edited::before {
  background-image: url("../images/icons/787878/iconmonstr-edit-3.svg");
}
.toolbar-icon-workbench-my-edited.is-active::before {
  background-image: url("../images/icons/000000/iconmonstr-edit-3.svg");
}

/**
 * Tray item: All Recent Content
 */
.toolbar-icon-workbench-all-content::before {
  background-image: url("../images/icons/787878/iconmonstr-note-20.svg");
}
.toolbar-icon-workbench-all-content.is-active::before {
  background-image: url("../images/icons/000000/iconmonstr-note-20.svg");
}

/**
 * Tray item: Configure
 */
.toolbar-icon-workbench-configure::before {
  background-image: url("../images/icons/787878/iconmonstr-gear-2.svg");
}
.toolbar-icon-workbench-configure.is-active::before {
  background-image: url("../images/icons/000000/iconmonstr-gear-2.svg");
}

File

css/workbench.toolbar.css
View source
  1. /**
  2. * CSS for displaying an icon on the Workbench toolbar tab.
  3. *
  4. * Each of the toolbar tray items uses the same icon as the toolbar tab, but
  5. * they're broken out so that this is ready to add a custom icon for each.
  6. */
  7. /**
  8. * Toolbar item: Workbench
  9. */
  10. a.toolbar-icon-workbench-content-tab::before {
  11. background-image: url("../images/icons/bebebe/iconmonstr-tools-9.svg");
  12. }
  13. a.toolbar-icon-workbench-content-tab.is-active::before,
  14. .toolbar-icon-workbench-content.is-active::before {
  15. background-image: url("../images/icons/ffffff/iconmonstr-tools-9.svg");
  16. }
  17. /**
  18. * Tray item: My Workbench
  19. */
  20. .toolbar-icon-workbench-content::before {
  21. background-image: url("../images/icons/787878/iconmonstr-task-1.svg");
  22. }
  23. .toolbar-icon-workbench-content.is-active::before {
  24. background-image: url("../images/icons/000000/iconmonstr-task-1.svg");
  25. }
  26. /**
  27. * Tray item: Create Content
  28. */
  29. .toolbar-icon-workbench-create-content::before {
  30. background-image: url("../images/icons/787878/iconmonstr-note-29.svg");
  31. }
  32. .toolbar-icon-workbench-create-content.is-active::before {
  33. background-image: url("../images/icons/000000/iconmonstr-note-29.svg");
  34. }
  35. /**
  36. * Tray item: My Edits
  37. */
  38. .toolbar-icon-workbench-my-edited::before {
  39. background-image: url("../images/icons/787878/iconmonstr-edit-3.svg");
  40. }
  41. .toolbar-icon-workbench-my-edited.is-active::before {
  42. background-image: url("../images/icons/000000/iconmonstr-edit-3.svg");
  43. }
  44. /**
  45. * Tray item: All Recent Content
  46. */
  47. .toolbar-icon-workbench-all-content::before {
  48. background-image: url("../images/icons/787878/iconmonstr-note-20.svg");
  49. }
  50. .toolbar-icon-workbench-all-content.is-active::before {
  51. background-image: url("../images/icons/000000/iconmonstr-note-20.svg");
  52. }
  53. /**
  54. * Tray item: Configure
  55. */
  56. .toolbar-icon-workbench-configure::before {
  57. background-image: url("../images/icons/787878/iconmonstr-gear-2.svg");
  58. }
  59. .toolbar-icon-workbench-configure.is-active::before {
  60. background-image: url("../images/icons/000000/iconmonstr-gear-2.svg");
  61. }