You are here

quickbar_help.css in Quickbar 7.2

#quickbar-help .help-icon {
  background: url('../images/help.png') no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 10px;
  width: 20px;
}

#quickbar-help.not-active .help-icon {
  background-position: 0 bottom;
  cursor: default;
}

#quickbar-help-box {
  background: none repeat scroll 0 0 #333;
  border: 1px solid #222;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #FFF;
  display: none;
  font-size: 12px;
  left: 50%;
  margin-left: -270px; /* Half of width + padding */
  padding: 10px 20px;
  position: fixed;
  top: 50px;
  width: 500px;
  z-index: 1000000;
}

#quickbar-help-box .close-button {
  background: url('../images/close.png') no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
}

#quickbar-help-box p {
  margin: 0 0 1em 0;
}

#quickbar-help-box p:last-child {
  margin-bottom: 0;
}

/* Compatibility with quickbar_organize module */
#quickbar #quickbar-right {
  margin-right: 25px;
}

File

modules/quickbar_help/css/quickbar_help.css
View source
  1. #quickbar-help .help-icon {
  2. background: url('../images/help.png') no-repeat scroll 0 0 transparent;
  3. cursor: pointer;
  4. height: 20px;
  5. position: absolute;
  6. right: 10px;
  7. width: 20px;
  8. }
  9. #quickbar-help.not-active .help-icon {
  10. background-position: 0 bottom;
  11. cursor: default;
  12. }
  13. #quickbar-help-box {
  14. background: none repeat scroll 0 0 #333;
  15. border: 1px solid #222;
  16. -moz-border-radius: 6px;
  17. -webkit-border-radius: 6px;
  18. border-radius: 6px;
  19. color: #FFF;
  20. display: none;
  21. font-size: 12px;
  22. left: 50%;
  23. margin-left: -270px; /* Half of width + padding */
  24. padding: 10px 20px;
  25. position: fixed;
  26. top: 50px;
  27. width: 500px;
  28. z-index: 1000000;
  29. }
  30. #quickbar-help-box .close-button {
  31. background: url('../images/close.png') no-repeat scroll 0 0 transparent;
  32. cursor: pointer;
  33. height: 20px;
  34. position: absolute;
  35. right: -10px;
  36. top: -10px;
  37. width: 20px;
  38. }
  39. #quickbar-help-box p {
  40. margin: 0 0 1em 0;
  41. }
  42. #quickbar-help-box p:last-child {
  43. margin-bottom: 0;
  44. }
  45. /* Compatibility with quickbar_organize module */
  46. #quickbar #quickbar-right {
  47. margin-right: 25px;
  48. }