You are here

geysir.toolbar.css in Geysir 8

.toolbar .toolbar-bar .geysir-toolbar-tab.toolbar-tab {
  float: right; /* LTR */
}

[dir="rtl"] .toolbar .toolbar-bar .geysir-toolbar-tab.toolbar-tab {
  float: left;
}

.toolbar .toolbar-bar .geysir-toolbar-tab .toolbar-item {
  margin: 0;
}

.toolbar .toolbar-bar .geysir-toolbar-tab .toolbar-item.is-active {
  background-image: -webkit-linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
  background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
}

/**
 * Toolbar tab icon.
 */
.toolbar-bar .toolbar-icon-geysir:before,
.toolbar-bar .toolbar-icon-geysir:active:before {
  background-image: url(../images/toolbar/bebebe/geysir-icon.svg);
}

.toolbar-bar .toolbar-icon-geysir.is-active:before {
  background-image: url(../images/toolbar/ffffff/geysir-icon.svg);
}

File

css/geysir.toolbar.css
View source
  1. .toolbar .toolbar-bar .geysir-toolbar-tab.toolbar-tab {
  2. float: right; /* LTR */
  3. }
  4. [dir="rtl"] .toolbar .toolbar-bar .geysir-toolbar-tab.toolbar-tab {
  5. float: left;
  6. }
  7. .toolbar .toolbar-bar .geysir-toolbar-tab .toolbar-item {
  8. margin: 0;
  9. }
  10. .toolbar .toolbar-bar .geysir-toolbar-tab .toolbar-item.is-active {
  11. background-image: -webkit-linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
  12. background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
  13. }
  14. /**
  15. * Toolbar tab icon.
  16. */
  17. .toolbar-bar .toolbar-icon-geysir:before,
  18. .toolbar-bar .toolbar-icon-geysir:active:before {
  19. background-image: url(../images/toolbar/bebebe/geysir-icon.svg);
  20. }
  21. .toolbar-bar .toolbar-icon-geysir.is-active:before {
  22. background-image: url(../images/toolbar/ffffff/geysir-icon.svg);
  23. }