tour.module.css

Styling for tour module.

File

drupal/core/modules/tour/css/tour.module.css
View source
  1. /**
  2. * @file
  3. * Styling for tour module.
  4. */
  5. /* Tab appearance. */
  6. .js .toolbar .bar .tour-toolbar-tab.tab {
  7. float: right; /* LTR */
  8. }
  9. .js .toolbar .tour-toolbar-tab button {
  10. padding-bottom: 1em;
  11. padding-top: 1em;
  12. color: #fff;
  13. font-weight: bold;
  14. }
  15. .js .toolbar .tour-toolbar-tab button.active {
  16. background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
  17. background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
  18. }
  19. .js .tour-toolbar-tab button:focus {
  20. outline: thin dotted;
  21. }
  22. /* Joyride tips should always be on top of everything else. */
  23. .joyride-tip-guide {
  24. z-index: 999;
  25. }
  26. /* Override placement of the tour progress indicator. */
  27. .tour-progress {
  28. position: absolute;
  29. bottom: 10px;
  30. right: 15px; /* LTR */
  31. }
  32. /* @todo Remove once http://drupal.org/node/1916690 is resolved. */
  33. .js .toolbar .tour-toolbar-tab.tab.element-hidden {
  34. display: none;
  35. }