You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
1.5 KiB

  1. @import (reference) "./colortheme-all.less";
  2. .help_vars (
  3. @color: @colortheme_default-color,
  4. @bg-color: @colortheme_default-bg
  5. ) {
  6. @help-bg-color-l15: lighten(@bg-color, 15%);
  7. @help-text-color: contrast(@help-bg-color-l15, #fff, #000); //@color;
  8. @help-link-color: contrast(@help-bg-color-l15, lighten(spin(@bg-color, 180), 10%), darken(spin(@bg-color, 180), 10%));
  9. }
  10. .help_main (
  11. @color: @colortheme_default-color,
  12. @bg-color: @colortheme_default-bg
  13. ) {
  14. --LessLoader_require: LessLoader_currentFile();
  15. .help_vars(@color, @bg-color);
  16. --help-bg-color-l15: @help-bg-color-l15;
  17. --help-text-color: @help-text-color;
  18. --help-link-color: @help-link-color;
  19. };
  20. & {
  21. .help_vars();
  22. .cp-help-container {
  23. position: relative;
  24. background-color: @help-bg-color-l15;
  25. background-color: var(--help-bg-color-l15);
  26. &.cp-help-hidden {
  27. display: none;
  28. }
  29. .cp-help-close {
  30. position: absolute;
  31. top: 5px;
  32. right: 5px;
  33. }
  34. .cp-help-text {
  35. color: @help-text-color;
  36. color: var(--help-text-color);
  37. margin: 0;
  38. padding: 15px;
  39. a {
  40. color: @help-link-color;
  41. color: var(--help-link-color);
  42. }
  43. h1 {
  44. font-size: 20px;
  45. }
  46. h2 {
  47. font-size: 18px;
  48. }
  49. h3 {
  50. font-size: 16px;
  51. }
  52. ul, ol, p { margin: 0; }
  53. }
  54. }
  55. }